help.html 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=GBK">
  5. <title>帮助中心</title>
  6. <script type="text/javascript" src="/shares/js/jquery-1.3.2.min.js"></script>
  7. <link href="../liger/lib/ligerUI/skins/Aqua/css/ligerui-all.css"
  8. rel="stylesheet" type="text/css" />
  9. <script src="../liger/lib/ligerUI/js/core/base.js"
  10. type="text/javascript"></script>
  11. <script src="../liger/lib/ligerUI/js/plugins/ligerTree.js"
  12. type="text/javascript"></script>
  13. <script src="../liger/lib/ligerUI/js/plugins/ligerLayout.js"
  14. type="text/javascript"></script>
  15. <script type="text/javascript" src="/shares/js/common.js"></script>
  16. <script type="text/javascript">
  17. var helpTreeManager;
  18. var param;
  19. $(function() {
  20. $("#layout1").ligerLayout({
  21. leftWidth : 350
  22. });
  23. $("#tree2").ligerTree({
  24. checkbox : false,
  25. openFolderEven : true,
  26. onSelect : function(node) {
  27. if (node.data == null || !node.data.url)
  28. return;
  29. $("iframe").attr("src", node.data.url);
  30. }
  31. });
  32. helpTreeManager = $("#tree2").ligerGetTreeManager();
  33. $("#li-tree").show();
  34. var height = $(".l-layout-left").height();
  35. $("#li-tree").height(height-75);
  36. param = getParameter("txt");
  37. var obj = $("#tree2");
  38. searchNode(obj);
  39. });
  40. function searchNode(parent){
  41. if(!param){return;}
  42. var params = param.split("/");
  43. var pm = params[0];
  44. $("li span",parent).each(function(){
  45. var txt = $(this).text();
  46. if(txt.indexOf(pm)!=-1){
  47. param = param.replace(pm+"/","");
  48. var o = $(this).parent().next();
  49. $(".l-expandable-close",$(this).parent()).click();
  50. var li = $(this).parent().parent();
  51. var leaf = $("ul",li);
  52. if(leaf.length>0&&params.length>1){
  53. return searchNode(li);
  54. }else{
  55. $(this).click();
  56. }
  57. }
  58. });
  59. /* $("li span",parent).each(function(){
  60. var txt = $(this).text();
  61. if(isExist(txt,param)){
  62. var o = $(this).parent().next();
  63. $(".l-expandable-close",$(this).parent()).click();
  64. $(".l-expandable-close",o).click();
  65. }
  66. }); */
  67. }
  68. function getParameter(param){
  69. var query = window.location.search;
  70. var iLen = param.length;
  71. var iStart = query.indexOf(param);
  72. if (iStart == -1)
  73.  return "";
  74. iStart += iLen + 1;
  75. var iEnd = query.indexOf("&", iStart);
  76. if (iEnd == -1)
  77.  return query.substring(iStart);
  78. return query.substring(iStart, iEnd);
  79. }
  80. function expandAll(){
  81. helpTreeManager.expandAll();
  82. }
  83. function closeAll(){
  84. helpTreeManager.collapseAll();
  85. }
  86. function isExist(txt,param){
  87. if(!param)return false;
  88. if(!txt)return false;
  89. var params = param.split("/");
  90. for(var i=0;i<params.length;i++){
  91. var pm = params[i];
  92. if(txt.indexOf(pm)!=-1){
  93. return true;
  94. }
  95. }
  96. return false;
  97. }
  98. </script>
  99. <style type="text/css">
  100. #layout1 {
  101. width: 100%;
  102. margin: 0;
  103. padding: 0;
  104. }
  105. body {
  106. padding: 5px;
  107. margin: 0;
  108. padding-bottom: 15px;
  109. }
  110. #li-tree {
  111. overflow-y: auto;
  112. z-index: 1;
  113. position: relative;
  114. }
  115. #help {height:99%}
  116. #deptBtn{
  117. width: 100%;
  118. background: #f7f6f6;
  119. text-align:center;
  120. height:35px;
  121. padding-top:3px;
  122. z-index:99999;
  123. }
  124. #li-tree{
  125. overflow-y:auto;
  126. z-index:1;
  127. position:relative;
  128. }
  129. .l-tree .l-body .l-expandable-close{
  130. background:url('../liger/lib/ligerUI/skins/Aqua/images/index/tree-close.png');
  131. background-repeat: no-repeat;
  132. background-position: 6px 11px;
  133. }
  134. .l-tree .l-body .l-expandable-open{
  135. background-image:url('../liger/lib/ligerUI/skins/Aqua/images/index/tree-open.png');
  136. background-repeat: no-repeat;
  137. background-position: 6px 11px;
  138. }
  139. .l-tree .l-box {width: 25px;height: 30px;overflow: hidden;float: left;background-position: -22px -220px;background-image:url('../liger/lib/ligerUI/skins/Aqua/images/tree/tree.gif');}
  140. .l-tree .l-checkbox-unchecked {background-position: -22px 4px;}
  141. .l-tree .l-checkbox-checked{ background-position:-22px -19px;}
  142. .l-tree .l-checkbox-incomplete{ background-position:-22px -42px;}
  143. .l-tree .l-over .l-checkbox-checked {background-position: -44px -19px;}
  144. .l-tree .l-over .l-checkbox-unchecked { background-position: -44px 4px; }
  145. .l-tree .l-over .l-checkbox-incomplete{ background-position:-44px -42px;}
  146. .l-tree .l-note {background-position: 0px -198px;}
  147. .l-tree .l-note-last {background-position: 0px -220px;}
  148. .l-tree .l-checkbox-incomplete {background-position: -22px -42px;}
  149. .l-tree .l-line {background-position: 0px -176px;}
  150. .l-tree .l-tree-icon-folder-open {width: 25px;background-position: 26px 2px;background-image:url('../liger/lib/ligerUI/skins/Aqua/images/tree/wenjj.gif')}
  151. .l-tree .l-tree-icon-folder {width: 25px;background-position: -2px 27px;background-image:url('../liger/lib/ligerUI/skins/Aqua/images/tree/wenjj.gif');}
  152. .l-tree .l-tree-icon-none {
  153. width: 25px;
  154. background: none;
  155. }
  156. .l-tree .l-tree-icon-leaf {
  157. background-position: -86px -128px;
  158. }
  159. </style>
  160. </head>
  161. <body>
  162. <div id="layout1">
  163. <div position="left" title="菜单导航">
  164. <div id="deptBtn">
  165. <input type="button" value="展开" class="l-button" onclick="expandAll()">
  166. <input type="button" value="收缩" class="l-button" onclick="closeAll()">
  167. </div>
  168. <div id="li-tree" style="display:none;">
  169. <!-- MENU START -->
  170. <!-- MENU END -->
  171. </div>
  172. </div>
  173. <div position="center" title="详细内容" style="overflow:hidden;width:100%">
  174. <iframe frameborder="0" name="help" id="help" src="" style="height:100%;width:100%"></iframe>
  175. </div>
  176. </div>
  177. </body>
  178. </html>