drag.html 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <html>
  3. <head>
  4. <title> </title>
  5. </head>
  6. <style type="text/css">
  7. body {
  8. margin: 0;
  9. padding: 0;
  10. background: #DFDFDF url(__TMPL__Common/images/body_bg.gif) repeat-y ;
  11. cursor: E-resize;
  12. }
  13. </style>
  14. <script type="text/javascript" language="JavaScript">
  15. <!--
  16. var pic = new Image();
  17. pic.src="__TMPL__Common/images/bar_open.gif";
  18. function toggleMenu()
  19. {
  20. frmBody = parent.document.getElementById('frame-body');
  21. imgArrow = document.getElementById('img');
  22. if (frmBody.cols == "0, 7, *")
  23. {
  24. frmBody.cols="221, 7, *";
  25. imgArrow.src = "__TMPL__Common/images/bar_close.gif";
  26. }
  27. else
  28. {
  29. frmBody.cols="0, 7, *";
  30. imgArrow.src = "__TMPL__Common/images/bar_open.gif";
  31. }
  32. }
  33. var orgX = 0;
  34. document.onmousedown = function(e)
  35. {
  36. var evt = Utils.fixEvent(e);
  37. orgX = evt.clientX;
  38. if (Browser.isIE) document.getElementById('tbl').setCapture();
  39. }
  40. document.onmouseup = function(e)
  41. {
  42. var evt = Utils.fixEvent(e);
  43. frmBody = parent.document.getElementById('frame-body');
  44. frmWidth = frmBody.cols.substr(0, frmBody.cols.indexOf(','));
  45. frmWidth = (parseInt(frmWidth) + (evt.clientX - orgX));
  46. frmBody.cols = frmWidth + ", 7, *";
  47. if (Browser.isIE) document.releaseCapture();
  48. }
  49. var Browser = new Object();
  50. Browser.isMozilla = (typeof document.implementation != 'undefined') && (typeof document.implementation.createDocument != 'undefined') && (typeof HTMLDocument != 'undefined');
  51. Browser.isIE = window.ActiveXObject ? true : false;
  52. Browser.isFirefox = (navigator.userAgent.toLowerCase().indexOf("firefox") != - 1);
  53. Browser.isSafari = (navigator.userAgent.toLowerCase().indexOf("safari") != - 1);
  54. Browser.isOpera = (navigator.userAgent.toLowerCase().indexOf("opera") != - 1);
  55. var Utils = new Object();
  56. Utils.fixEvent = function(e)
  57. {
  58. var evt = (typeof e == "undefined") ? window.event : e;
  59. return evt;
  60. }
  61. //-->
  62. </script>
  63. <body onselect="return false;">
  64. <table height="100%" cellspacing="0" cellpadding="0" style="border-left:1px solid #BFBFBF;" id="tbl">
  65. <tr><td><a href="javascript:toggleMenu();" onfocus="this.blur();"><img src="__TMPL__Common/images/bar_close.gif" width="6" height="60" id="img" border="0" /></a></td></tr>
  66. </table>
  67. </body>
  68. </html>