I've been working on this till my eyes are blurry, but I cobbled together a couple JavaScript files; one for a vertical splitter, another for a horizontal splitter. Here's a link to a simple demo:
http://www.radile.com/rdweb/temp/vsplit.html
The general idea for the vertical splitter is to define an HTML table with one row and three or more cells (left pane, right pane, and splitter). The splitter cell is in the middle. Then instantiate a VSplitter object, passing the cell ID's as parameters as follows:
<html>
<head>
<title>Vertical Splitter</title>
<link href="../apps/common/stylesheets/common.css" rel="stylesheet" type="text/css">
<script src="../apps/common/scripts/binders.js"></script>
<script src="../apps/common/scripts/vsplit.js"></script>
</head>
<body onResize="vsp.docResize()">
<table height="100%" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td id="left"> </td>
<td id="split" bgcolor="#003366" valign="middle" width="8"></td>
<td id="right"> </td>
</tr>
</table>
</body>
<script>
var vsp = new VSplitter('left', 'split', 'right', '../apps/common/images/');
</script>
</html>
A page with a horizontal splitter is essentially the same except having a table with one column and three or more rows, where a middle row is defined as the splitter, and you instantiate an HSplitter(...) object.
Nathan.
As an Amazon Associate we earn from qualifying purchases.