left_hide_show.jsp 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. <%@ page language="java" pageEncoding="UTF-8" contentType="text/html; charset=UTF-8" %>
  2. <html>
  3. <head>
  4. <meta http-equiv="pragma" content="no-cache">
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  6. <style>
  7. body{
  8. padding:0;
  9. margin:0;
  10. background-color:white;
  11. }
  12. .menubutton {
  13. cursor: hand;
  14. height: 25px;
  15. /*background: url('<%=request.getContextPath()%>/themes/default/images/navigator_bg.gif');*/
  16. }
  17. #btnHideOrShow{
  18. background: url('<%=request.getContextPath()%>/themes/default/images/mini-left.gif');
  19. width:7px;
  20. height:57px;
  21. position:absolute;
  22. top: 45%;
  23. }
  24. #separateLine{
  25. position:absolute;
  26. top:0;
  27. left:0;
  28. width:100%;
  29. height:100%;
  30. margin-top:25px;
  31. border-left: 0px solid #c2e2fb;
  32. }
  33. </style>
  34. </head>
  35. <body class="leftbody">
  36. <table style="padding-left:1px" width="100%" border=0 cellpadding=0 cellspacing=0 >
  37. <tr height=25 >
  38. <td align="left" class="menubutton" width="100%" ></td>
  39. </tr>
  40. </table>
  41. <div id="separateLine"></div>
  42. <div id="btnHideOrShow"></div>
  43. <script>
  44. var usertype = <%= request.getParameter("usertype")%>;
  45. var colsWhenHide = "0,7,*";
  46. var colsWhenShow = "200,7,*";
  47. var btnHideOrShow = document.getElementById('btnHideOrShow');
  48. var bHide = false;
  49. //非管理员,隐藏左边菜单栏
  50. if(usertype != "admin"){
  51. self.parent.window.document.getElementsByTagName("frameset")["MenuFrameset"].cols = colsWhenHide;
  52. btnHideOrShow.style.background = "url('<%=request.getContextPath()%>/themes/default/images/mini-right.gif')";
  53. bHide = true;
  54. }
  55. bindListener(btnHideOrShow,'click',function(e){
  56. if(bHide){
  57. self.parent.window.document.getElementsByTagName("frameset")["MenuFrameset"].cols = colsWhenShow;
  58. btnHideOrShow.style.background = "url('<%=request.getContextPath()%>/themes/default/images/mini-left.gif')";
  59. }else{
  60. self.parent.window.document.getElementsByTagName("frameset")["MenuFrameset"].cols = colsWhenHide;
  61. btnHideOrShow.style.background = "url('<%=request.getContextPath()%>/themes/default/images/mini-right.gif')";
  62. }
  63. bHide = !bHide;
  64. });
  65. function bindListener(obj,eventName,fun) {
  66. if (obj.addEventListener) {
  67. obj.addEventListener(eventName,fun,false);
  68. } else if (obj.attachEvent) {
  69. obj.attachEvent('on'+eventName,fun);
  70. } else {
  71. obj['on'+eventName] = fun;
  72. }
  73. }
  74. </script>
  75. </body>
  76. </html>