利用表格自动扩充表格区域代码
2011-10-12 11:08
197 查看
关键js代码:
/*扩充左边树区域宽度 start*/
function MouseDownToResize(obj){
obj.mouseDownX=event.clientX;
obj.pareneTdW=obj.parentElement.parentElement.offsetWidth;
obj.setCapture();
}
function MouseMoveToResize(obj){
if(!obj.mouseDownX) return false;
var newWidth=obj.pareneTdW*1+event.clientX*1-obj.mouseDownX;
if(newWidth>0&&newWidth>240)
{
obj.parentElement.parentElement.style.width = newWidth;
configcheck_div_leftmenu01.style.width=newWidth-10;
}
}
function MouseUpToResize(obj){
obj.releaseCapture();
obj.mouseDownX=0;
}
/*扩充左边树区域宽度 end*/
<style>
.resizeDivClass
{
width:3px;
cursor:e-resize;
height:700px;
float: left;
}
</style>
<table>
<tr>
<td>
<div id="configcheck_div_leftmenu02" class="resizeDivClass" onmousedown="MouseDownToResize(this);" onmousemove="MouseMoveToResize(this);" onmouseup="MouseUpToResize(this);"></div>
</td>
<td>
</td>
</tr>
</table>
/*扩充左边树区域宽度 start*/
function MouseDownToResize(obj){
obj.mouseDownX=event.clientX;
obj.pareneTdW=obj.parentElement.parentElement.offsetWidth;
obj.setCapture();
}
function MouseMoveToResize(obj){
if(!obj.mouseDownX) return false;
var newWidth=obj.pareneTdW*1+event.clientX*1-obj.mouseDownX;
if(newWidth>0&&newWidth>240)
{
obj.parentElement.parentElement.style.width = newWidth;
configcheck_div_leftmenu01.style.width=newWidth-10;
}
}
function MouseUpToResize(obj){
obj.releaseCapture();
obj.mouseDownX=0;
}
/*扩充左边树区域宽度 end*/
<style>
.resizeDivClass
{
width:3px;
cursor:e-resize;
height:700px;
float: left;
}
</style>
<table>
<tr>
<td>
<div id="configcheck_div_leftmenu02" class="resizeDivClass" onmousedown="MouseDownToResize(this);" onmousemove="MouseMoveToResize(this);" onmouseup="MouseUpToResize(this);"></div>
</td>
<td>
</td>
</tr>
</table>
相关文章推荐
- 利用MyBatis Generator自动创建代码
- 利用Vim给Python代码自动加入头部必须注释
- silverlight与CSLA的快速应用07-利用CslaExtension自动生成CSLA代码
- jQuery 利用ztree实现树形表格的实例代码
- 利用crontab 自动更新svn代码
- 利用MyBatis Generator自动创建代码
- 反射小应用,利用Class自动生成Dao层的部分代码
- 利用html中的div标签实现网页中某一块区域的自动滚动
- visual studio 利用快捷键自动整理代码
- 利用MyBatis Generator自动创建代码
- 搭建git服务器及利用git hook自动布署代码
- 利用mybatis-generator自动生成代码
- 利用mybatis-generator自动生成代码
- 利用MyBatis Generator自动创建代码
- 利用strut2标签自动生成form前端验证代码
- Gitlab利用Webhook实现Push代码后的jenkins自动构建
- Word中如何自动编号公式并可以交叉引用(利用表格、文档部件、题注)
- 利用SVN的POST-COMMIT钩子自动部署代码
- JS封装的自动创建表格的实现代码
- 利用doxygen自动生成代码开发手册