var el
function ReSizeAgain()
{
el=event.srcElement;
el.setCapture();
document.body.onmousemove=ReSize;
}
function ReSizeOver()
{
if(!el)return;
el.releaseCapture()
document.body.onmousemove=null;
el=null
}http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/methods/setcapture.asp
function ReSizeAgain()
{
el=event.srcElement;
el.setCapture();
document.body.onmousemove=ReSize;
}
function ReSizeOver()
{
if(!el)return;
el.releaseCapture()
document.body.onmousemove=null;
el=null
}http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/methods/setcapture.asp
function ReSizeAgain()
{
el=event.srcElement;
.setCapture();
document.body.onmousemove=ReSize;
}
function ReSizeOver()
{
event.srcElement.releaseCapture()
document.body.onmousemove=null;
}http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/methods/setcapture.asp
<body>
<script language="javascript">
var LastX;
function ReSize()
{
document.all('TdMenu').style.width=event.clientX+1;
window.status=event.clientX+','+LastX;
document.body.setCapture();
LastX=event.clientX;
}
function ReSizeAgain()
{
document.body.onmousemove=ReSize;
}
function ReSizeOver()
{
document.body.releaseCapture();
document.body.onmousemove=null;
}
document.body.onmouseup=ReSizeOver;
</script>
<table height="100%" cellSpacing="0" cellPadding="0" width="100%">
<tr>
<td id="TdMenu" bgColor="#f4f5f1" style="width:200" valign=top>menu</td>
<td width=2 bgcolor="cccccc" onmouseover="this.style.cursor='col-resize'" onmousedown="ReSizeAgain()"></td>
<td vAlign="top" align="center">
<iframe id="FrmList" name="FrmList" frameborder="0" width="99%" height="99%"></iframe>
</td>
</tr>
</table>
</form>
</body>
</html>