81,092
社区成员
发帖
与我相关
我的任务
分享
<%@ page contentType="text/html; charset=utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<%@ include file="/header.jsp"%>
<html>
<head>
<title>menu</title>
<style type="text/css">
.left_iframe {
width: 180px;
height: 92%;
visibility: inherit;
background: transparent;
}
.main_iframe {
z-index: 1;
width: 100%;
height: 100%;
visibility: inherit;
}
</style>
<script type="text/javascript">
//定义树型菜单的打开与关闭,
function changetd(tdcol){
var td1 = document.getElementById(tdcol);
var wint = parseInt(td1.style.width);
var arr = document.getElementById("arrlr");
if(wint>1){
td1.style.width = "1px";
arr.src="${ctx}/img/arrR.jpg"
}else{
td1.style.width = "200px";
arr.src="${ctx}/img/arrL.jpg"
}
}
var _winWidth = 180;
var _winHeight = 575;
/*******************************/
/***** Colmid (CM) Object *****/
/*******************************/
function CM() {}
CM.mouseover = function(p_o){p_o.style.backgroundColor = "#549FE3";}
CM.mouseout = function(p_o){p_o.style.backgroundColor = "#54BCCC";}
CM.mousedown = function(p_ev){
p_ev = (p_ev) ? p_ev : event;
CM.ismousedown = true;
CM.currpos = p_ev.clientX;
CM.currLeftW = CM.getCurrLeftW();
document.body.style.cursor = 'e-resize';
return false;
}
CM.mouseup = function(){
CM.ismousedown = false;
document.body.style.cursor = 'auto';
CM.currLeftW = parseInt(document.getElementById("colleft").style.width);
return false;
}
CM.mousemove = function(p_ev){
if (CM.ismousedown){
p_ev = (p_ev) ? p_ev : event;
var newpos = p_ev.clientX;
var pxmoved = parseInt(newpos - CM.currpos);
pxmoved = (document.body.dir == 'rtl') ? -pxmoved : pxmoved;
var newLeftW = parseInt(CM.currLeftW + pxmoved);
var newRightW = getWinWidth() - newLeftW - CM.rightWAdj;
if (newLeftW >= CM.minLeft && newRightW >= CM.minRight){
document.getElementById("colleft").style.width = newLeftW + 'px';
}
return false
}else return true;
}
CM.setMinLeft = function(){
CM.minLeft = 1; //控制左边窗口的最小值
}
CM.getCurrRightW = function(){
return getWinWidth() - CM.getCurrLeftW() - CM.rightWAdj;
}
CM.getCurrLeftW = function(){
if (CM.currLeftW == 0) CM.currLeftW = parseInt(document.getElementById("colleft").style.width);
return CM.currLeftW;
}
CM.ismousedown;
CM.currpos;
CM.currLeftW = 0;
CM.minLeft;
CM.minRight = 30;//控制右边窗口的最小值
CM.rightWAdj = 21;//8+8+5
/***** End Colmid (CM) Object *****/
function getElemHeight(p_el){
if (p_el.innerHeight) return p_el.innerHeight;
else if (p_el.clientHeight) return p_el.clientHeight;
else return p_el.offsetHeight;
}
function getWinHeight(){
if (window.innerHeight) return window.innerHeight;
else if (document.documentElement.clientHeight) return document.documentElement.clientHeight;
else if (document.body.offsetHeight) return document.body.offsetHeight;
else return _winHeight;
}
function getWinWidth(){
if (window.innerWidth) return window.innerWidth;
else if (document.documentElement.clientWidth) return document.documentElement.clientWidth;
else if (document.body.offsetWidth) return document.body.offsetWidth;
else return _winWidth;
}
function HandleOnLoad(){
CM.setMinLeft();
}
/***** Attach events *****/
window.onload = HandleOnLoad;
</script>
</head>
<body topmargin="0" marginheight="0" leftmargin="0" marginwidth="0"
bgcolor="#cccccc" dir="ltr" onmouseup="return CM.mouseup();"
onmousemove="return CM.mousemove(event);" >
<link href="demo/styles/works.css" rel="stylesheet" type="text/css" />
<link href="demo/styles/_MenuTree.css" rel="stylesheet"
type="text/css" />
<!-- 页面菜单 -->
<div align="justify">
<iframe style="width: 100%; height: 16%;" name="Screen1"
src="${ctx}/jsMenu/sc1/sc1.jsp" scrolling="no" Frameborder="1%"
marginheight="1" marginwidth="1" align="top">
</iframe>
</div>
<table style="width: 100%; height: 82%;" border="0">
<tr>
<!-- 树菜单 -->
<td rowspan="0" style="width: 200px; height: 27px" id="colleft">
<iframe id="I1" name="I1" src="${ctx}/jsMenu/submenu.html"
class="main_iframe" allowtransparency="true" Frameborder="1%"
marginheight="1">
</iframe>
</td>
<!-- 定义分隔线的大小和图片 -->
<td width="2" rowspan="1" id="colmid" style="cursor:url('${ctx}/img/imge11.ani')"
onmouseover="CM.mouseover(this)" onmouseout="CM.mouseout(this)"
onmousedown="return CM.mousedown(event)"
onmouseup="return CM.mouseup();" bgcolor="#549FE3">
<!-- <input type="image" name="imageField2" src="${ctx}/img/arrL.jpg" width="8" height="40" border="0" alt="" onclick="changetd('colleft')"/ > -->
<img src="${ctx}/img/arrL.jpg" width="8" height="40" border="0" id="arrlr"
alt="" ondblclick="changetd('colleft')" />
</td>
<!-- 页面内容(缺省)-->
<td style="height: 27px" id="colright">
<table style="width: 100%; height: 100%;">
<tr style="width: 100%; height: 100%;">
<td>
<!--jdtc.jsp是进度条程序,指向zc_list.jsp文件-->
<iframe id="I2" name="I2" scrolling="yes" Frameborder="1%"
marginheight="1" src="${ctx}/servlet/SitetotalServlet?q=list"
class="main_iframe">
</iframe>
</td>
</td>
</tr>
</table>
</tr>
</table>
<!-- <center>
<a href="#" class="itemAnchor" onclick="" >TOP</a>
</center> -->
</body>
</html>