show.js 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198
  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-left").css("min-height",'0px');
  57. $(".doc-right").removeClass("span12");
  58. $(".doc-head .right").hide();
  59. $(".page-edit-link").html('');
  60. $(".doc-left-newbar").html('');
  61. $(".iframe_content").css("padding-left","30px");
  62. $(".doc-left .nav-list li a i ").css("margin-left" , '10px');
  63. $(".search-input-append").css("width","100%");
  64. $(".search-query-input").css("width","70%");
  65. }
  66. function mScroll(id){
  67. $("html,body").stop(true);
  68. $("html,body").animate(
  69. {scrollTop: $("#"+id).offset().top},
  70. 2000);
  71. }
  72. //点击左侧菜单事件
  73. $(".doc-left li").click(function(){
  74. //先把所有菜单的激活状态取消
  75. $(".doc-left li").each(function(){
  76. $(this).removeClass("active");
  77. });
  78. //先判断是否存在子菜单
  79. if ($(this).children('.child-ul').length != 0) {
  80. //如果子菜单是隐藏的,则显示之;如果是显示状态的,则隐藏
  81. if ($(this).children('.child-ul').css("display") == "none") {
  82. $(this).children('.child-ul').show();
  83. $(this).children("a").children('i').attr("class","icon-chevron-down");
  84. }else{
  85. $(this).children('.child-ul').hide();
  86. $(this).children("a").children('i').attr("class","icon-chevron-right");
  87. }
  88. };
  89. //获取对应的page_id
  90. page_id = $(this).children("a").attr("data-page-id");
  91. if (page_id != '' && page_id != null && page_id !='#') {
  92. change_page(page_id);
  93. //如果是移动设备的话,则滚动页面
  94. if( isMobile()){
  95. mScroll("page-content");
  96. }
  97. };
  98. return false;//禁止原有的href链接
  99. });
  100. //切换页面;
  101. function change_page(page_id){
  102. if(!page_id)return;
  103. var item_id = $("#item_id").val();
  104. var base_url = $("#base_url").val();
  105. $(".page-edit-link").show();
  106. $("#page-content").attr("src" , base_url+"/Home/page/index?page_id="+page_id);
  107. $("#edit-link").attr("href" , base_url+"/Home/page/edit?page_id="+page_id);
  108. $("#copy-link").attr("href" , base_url+"/Home/page/edit?item_id="+item_id+"&copy_page_id="+page_id);
  109. $("#share-page-link").html("http://"+window.location.host+base_url+"/"+item_id+"?page_id="+page_id);
  110. $("#delete-link").attr("href" , base_url+"/Home/page/delete?page_id="+page_id);
  111. }
  112. //分享项目
  113. $("#share").click(function(){
  114. $("#share-modal").modal();
  115. return false;
  116. });
  117. //分享页面
  118. $("#share-page").click(function(){
  119. $("#share-page-modal").modal();
  120. return false;
  121. });
  122. var ifr = document.getElementById('page-content')
  123. ifr.onload = function() {
  124. var iDoc = ifr.contentDocument || ifr.document
  125. var height = calcPageHeight(iDoc)
  126. ifr.style.height = height + 'px'
  127. }
  128. // 计算页面的实际高度,iframe自适应会用到
  129. function calcPageHeight(doc) {
  130. var cHeight = Math.max(doc.body.clientHeight, doc.documentElement.clientHeight)
  131. var sHeight = Math.max(doc.body.scrollHeight, doc.documentElement.scrollHeight)
  132. var height = Math.max(cHeight, sHeight)
  133. return height
  134. }
  135. var keyMap = {
  136. // 编辑
  137. "Ctrl+E": function() {
  138. location.href = $("#edit-link").attr('href');
  139. },
  140. // 删除
  141. "Ctrl+D": function() {
  142. if (confirm('确认删除吗?'))
  143. location.href = $("#delete-link").attr('href');
  144. },
  145. // 新建页面
  146. "Ctrl+F1": function() {
  147. location.href = $("#new-like").attr('href');
  148. },
  149. // 新建目录
  150. "Ctrl+F2": function() {
  151. location.href = $("#dir-like").attr('href');
  152. }
  153. };
  154. if (!isMobile()) initKeys();
  155. function initKeys() {
  156. var $doc = $(document);
  157. $.each(keyMap, function(key, fn) {
  158. $doc.on('keydown', null, key, function(e) {
  159. e.preventDefault();
  160. fn();
  161. return false;
  162. });
  163. });
  164. }
  165. })