show.js 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197
  1. //页面加载完就执行
  2. $(function(){
  3. //自动根据url把当前菜单激活
  4. var page_id = GetQueryString('page_id');
  5. //如果中没有指定page_id,则判断有没有父目录为0的页面,默认打开第一个
  6. if(!page_id) {
  7. page_id = $(".doc-left li").children("a").attr("data-page-id");
  8. };
  9. if(page_id !=null && page_id.toString().length>0)
  10. {
  11. var str = 'page_id='+page_id;
  12. $(".doc-left li").each(function(){
  13. url = $(this).children("a").attr("href");
  14. //如果链接中包含当前url的信息,两者相匹配
  15. if (url && url.indexOf(str) >= 0 ) {
  16. //激活菜单
  17. $(this).addClass("active");
  18. //如果该菜单是子菜单,则还需要把父菜单打开才行
  19. if ($(this).parent('.child-ul')) {
  20. $(this).parent('.child-ul').show();
  21. $(this).parent('.child-ul').parent('li').children("a").children('i').attr("class","icon-chevron-down");
  22. };
  23. //获取对应的page_id
  24. page_id = $(this).children("a").attr("data-page-id");
  25. if (page_id != '' && page_id !='#') {
  26. change_page(page_id)
  27. };
  28. };
  29. })
  30. }
  31. //根据屏幕宽度进行响应(应对移动设备的访问)
  32. if( isMobile()){
  33. AdaptToMobile();
  34. }
  35. $(window).resize(function(){
  36. if( isMobile()){
  37. AdaptToMobile();
  38. }
  39. else if($(window).width() < 600){
  40. AdaptToMobile();
  41. }else{
  42. window.location.reload();
  43. }
  44. });
  45. //js获取url参数
  46. function GetQueryString(name)
  47. {
  48. var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
  49. var r = window.location.search.substr(1).match(reg);
  50. if(r!=null)return unescape(r[2]); return null;
  51. }
  52. function AdaptToMobile(){
  53. $(".doc-left").removeClass("span3");
  54. $(".doc-left").css("width",'100%');
  55. $(".doc-left").css("height",'initial');
  56. $(".doc-right").removeClass("span12");
  57. $(".doc-head .right").hide();
  58. $(".page-edit-link").html('');
  59. $(".doc-left-newbar").html('');
  60. $(".iframe_content").css("padding-left","30px");
  61. $(".doc-left .nav-list li a i ").css("margin-left" , '10px');
  62. $(".search-input-append").css("width","100%");
  63. $(".search-query-input").css("width","70%");
  64. }
  65. function mScroll(id){
  66. $("html,body").stop(true);
  67. $("html,body").animate(
  68. {scrollTop: $("#"+id).offset().top},
  69. 2000);
  70. }
  71. //点击左侧菜单事件
  72. $(".doc-left li").click(function(){
  73. //先把所有菜单的激活状态取消
  74. $(".doc-left li").each(function(){
  75. $(this).removeClass("active");
  76. });
  77. //先判断是否存在子菜单
  78. if ($(this).children('.child-ul').length != 0) {
  79. //如果子菜单是隐藏的,则显示之;如果是显示状态的,则隐藏
  80. if ($(this).children('.child-ul').css("display") == "none") {
  81. $(this).children('.child-ul').show();
  82. $(this).children("a").children('i').attr("class","icon-chevron-down");
  83. }else{
  84. $(this).children('.child-ul').hide();
  85. $(this).children("a").children('i').attr("class","icon-chevron-right");
  86. }
  87. };
  88. //获取对应的page_id
  89. page_id = $(this).children("a").attr("data-page-id");
  90. if (page_id != '' && page_id != null && page_id !='#') {
  91. change_page(page_id);
  92. //如果是移动设备的话,则滚动页面
  93. if( isMobile()){
  94. mScroll("page-content");
  95. }
  96. };
  97. return false;//禁止原有的href链接
  98. });
  99. //切换页面;
  100. function change_page(page_id){
  101. if(!page_id)return;
  102. var item_id = $("#item_id").val();
  103. var base_url = $("#base_url").val();
  104. $(".page-edit-link").show();
  105. $("#page-content").attr("src" , base_url+"/Home/page/index?page_id="+page_id);
  106. $("#edit-link").attr("href" , base_url+"/Home/page/edit?page_id="+page_id);
  107. $("#copy-link").attr("href" , base_url+"/Home/page/edit?item_id="+item_id+"&copy_page_id="+page_id);
  108. $("#share-page-link").html("http://"+window.location.host+base_url+"/"+item_id+"?page_id="+page_id);
  109. $("#delete-link").attr("href" , base_url+"/Home/page/delete?page_id="+page_id);
  110. }
  111. //分享项目
  112. $("#share").click(function(){
  113. $("#share-modal").modal();
  114. return false;
  115. });
  116. //分享页面
  117. $("#share-page").click(function(){
  118. $("#share-page-modal").modal();
  119. return false;
  120. });
  121. var ifr = document.getElementById('page-content')
  122. ifr.onload = function() {
  123. var iDoc = ifr.contentDocument || ifr.document
  124. var height = calcPageHeight(iDoc)
  125. ifr.style.height = height + 'px'
  126. }
  127. // 计算页面的实际高度,iframe自适应会用到
  128. function calcPageHeight(doc) {
  129. var cHeight = Math.max(doc.body.clientHeight, doc.documentElement.clientHeight)
  130. var sHeight = Math.max(doc.body.scrollHeight, doc.documentElement.scrollHeight)
  131. var height = Math.max(cHeight, sHeight)
  132. return height
  133. }
  134. var keyMap = {
  135. // 编辑
  136. "Ctrl+E": function() {
  137. location.href = $("#edit-link").attr('href');
  138. },
  139. // 删除
  140. "Ctrl+D": function() {
  141. if (confirm('确认删除吗?'))
  142. location.href = $("#delete-link").attr('href');
  143. },
  144. // 新建页面
  145. "Ctrl+F1": function() {
  146. location.href = $("#new-like").attr('href');
  147. },
  148. // 新建目录
  149. "Ctrl+F2": function() {
  150. location.href = $("#dir-like").attr('href');
  151. }
  152. };
  153. if (!isMobile()) initKeys();
  154. function initKeys() {
  155. var $doc = $(document);
  156. $.each(keyMap, function(key, fn) {
  157. $doc.on('keydown', null, key, function(e) {
  158. e.preventDefault();
  159. fn();
  160. return false;
  161. });
  162. });
  163. }
  164. })