PDA

View Full Version : Multi-column scrolling list?


sachit64
10-21-2003, 09:39 PM
Is there any way I can get a multi-column scrolling list?

Kinda like the one on the bottom of this webpage http://www.xulplanet.com/tutorials/xultu/morelists.html

-s64

Corey Bryant
11-06-2003, 08:35 AM
I did not see anything at bottom of the page referenced, but maybe this is what you need:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>
<body>
<table cellspacing="0" cellpadding="2" id="header">
<col width="100"><col width="150"><col width="268">
<tr>
<td width="100" bgcolor="lightgrey">Category</td>
<td width="150" bgcolor="lightgrey">Name</td>
<td width="218" bgcolor="lightgrey">Description</td>
</tr>
</table>
<div style="overflow: auto; width: 480px; height: 100px; border-left: 1px gray solid; border-bottom: 1px gray solid; padding:0px; margin: 0px;">
<table cellspacing="0" cellpadding="2">
<col width="100"><col width="150"><col width="200">
<tr>
<td width="100" valign="top" nowrap>Category 1</td>
<td width="150" valign="top">Name 1</td>
<td width="200" valign="top">Description 1</td>
</tr>
<tr>
<td width="100" valign="top" nowrap>Category 2</td>
<td width="150" valign="top">Name 2</td>
<td width="200" valign="top">Description 2</td>
</tr>
<tr>
<td width="100" valign="top" nowrap>Category 3</td>
<td width="150" valign="top">Name 3</td>
<td width="200" valign="top">Description 3</td>
</tr>
<tr>
<td width="100" valign="top" nowrap>Category 4</td>
<td width="150" valign="top">Name 4</td>
<td width="200" valign="top">Description 4</td>
</tr>
<tr>
<td width="100" valign="top" nowrap>Category 5</td>
<td width="150" valign="top">Name 5</td>
<td width="200" valign="top">Description 5</td>
</tr>
<tr>
<td width="100" valign="top" nowrap>Category 6</td>
<td width="150" valign="top">Name 6</td>
<td width="200" valign="top">Description 6</td>
</tr>
<tr>
<td width="100" valign="top" nowrap>Category 7</td>
<td width="150" valign="top">Name 7</td>
<td width="200" valign="top">Description 7</td>
</tr>
<tr>
<td width="100" valign="top" nowrap>Category 8</td>
<td width="150" valign="top">Name 8</td>
<td width="200" valign="top">Description 8</td>
</tr>
<tr>
<td width="100" valign="top" nowrap>Category 9</td>
<td width="150" valign="top">Name 9</td>
<td width="200" valign="top">Description 9</td>
</tr>
<tr>
<td width="100" valign="top" nowrap>Category 10</td>
<td width="150" valign="top">Name 10</td>
<td width="200" valign="top">Description 10</td>
</tr>
</table>
</div>
</body>
</html>

sachit64
11-06-2003, 06:27 PM
Thats perfect! Now I just need help making the variables editable, and being able to save it on the server, but doing it on the client side... so with Javascript.

Any help?

-s64

Corey Bryant
11-06-2003, 06:55 PM
Sorry - a bit more than I know. Maybe re-post that question with the proper heading on the board & they might be able to help you.