× The internal search function is temporarily non-functional. The current search engine is no longer viable and we are researching alternatives.
As a stop gap measure, we are using Google's custom search engine service.
If you know of an easy to use, open source, search engine ... please contact support@midrange.com.



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">&nbsp;</td>
<td id="split" bgcolor="#003366" valign="middle" width="8"></td>
<td id="right">&nbsp;</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.

This thread ...


Follow On AppleNews
Return to Archive home page | Return to MIDRANGE.COM home page

This mailing list archive is Copyright 1997-2024 by midrange.com and David Gibbs as a compilation work. Use of the archive is restricted to research of a business or technical nature. Any other uses are prohibited. Full details are available on our policy page. If you have questions about this, please contact [javascript protected email address].

Operating expenses for this site are earned using the Amazon Associate program and Google Adsense.