June 26, 2006 at 23:00:33
· Filed under Javascript
<html>
<head>
<script language="javascript">
<!--
var bInDrag = false;
var iSplitHeight = 20;
var iBrowserHeight = 400;
function initDrag(obj) {
bInDrag = true;
obj.setCapture();
}
function freeDrag(obj) {
bInDrag = false;
obj.releaseCapture();
}
function doDrag() {
var iMoveHeight = 0;
if (bInDrag) {
iMoveHeight = event.clientY - document.getElementById('splitLine').style.pixelTop;
document.getElementById('head').style.pixelHeight += iMoveHeight;
document.getElementById('splitLine').style.pixelTop = document.getElementById('head').style.pixelHeight + (iSplitHeight/2);
document.getElementById('foot').style.pixelTop += iMoveHeight;
document.getElementById('foot').style.pixelHeight = iBrowserHeight - document.getElementById('foot').style.pixelTop;
}
}
-->
</script>
<style type="text/css">
<!--
body {
margin-left: 0px; margin-top: 0px;
}
-->
</style>
</head>
<body>
<div id="head" style="overflow:auto; height:100">
<table width="100%" height="100%" border="1" cellspacing="0" cellpadding="0">
<tr valign="top">
<td>
fggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br>
fggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br>
fggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br>
fggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br>
fggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br>
fggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br>
fggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br>
fggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br>
fggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br>
fggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br>
fggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br>
</td>
<td> </td>
</tr>
</table>
</div>
<div id="splitLine" height="20">
<hr onmousedown="initDrag(this);" onmouseup="freeDrag(this);" onmousemove="doDrag();" style="cursor:row-resize" color="#c6d7ff" noShade size="5">
</div>
<div id="foot" style="overflow:auto; height:300">
<table width="100%" height="100%" border="1" cellpadding="0" cellspacing="0">
<tr valign="top">
<td>
fgggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br>
fgggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br>
fgggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br>
fgggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br>
fgggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br>
fgggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br>
fgggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br>
fgggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br>
fgggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br>
fgggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br>
fgggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br>
fgggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br>
fgggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br>
fgggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br>
fgggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br>
fgggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br>
fgggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br>
</td>
<td>gggggggggggggggggg</td>
</tr>
</table>
</div>
</body>
</html>
Permalink
