IWETHEY v. 0.3.0 | TODO
1,095 registered users | 0 active users | 0 LpH | Statistics
Login | Create New User
IWETHEY Banner

Welcome to IWETHEY!

New Thanks. Anyway to "freeze" column A at the same time?
New Take 2
The following should work under IE4.x and later. May have problem on other browsers because (a). TABLE elements being nested within SPAN elements are not officially supported by the standards; (b). I don't think the ONSCROLL event is standard.

For the most part, I just made everything 75 units wide, with a height of 150. Unfortunately, the scrollbar itself occupies space, so I had to compensate by 15 pixels in some places to get it to register correctly.

+++++++++++++++++++++++++++++++++++++++++++++++++++++++
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=ISO-8859-1' />
<title>test</title>
<script language='JavaScript' type='text/javascript'>
function myScroll() {
document.all.columns.scrollLeft = document.all.data.scrollLeft;
document.all.freezedata.scrollTop = document.all.data.scrollTop;
return true;
}
</script>
</head>
<body>
<div>
<span id='freezecolumn' style='width:75;'>
<table height='40' width='75' border='1'>
<tr>
<td width='75'>Column A</td>
</tr>
</table>
</span>
<span id='columns' style='width:150; overflow:hidden;'>
<table height='40' width='225' border='1'>
<tr>
<td width='75'>Column B</td>
<td width='75'>Column C</td>
<td width='75'>Column D</td>
</tr>
</table>
</span>
</div>
<div>
<span id='freezedata' style='width:75; height:150; vertical-align:top; overflow:hidden;'>
<table width='75' border='1'>
<tr>
<td width='75'>1</td>
</tr>
<tr>
<td width='75'>4</td>
</tr>
<tr>
<td width='75'>7</td>
</tr>
<tr>
<td width='75'>1</td>
</tr>
<tr>
<td width='75'>4</td>
</tr>
<tr>
<td width='75'>7</td>
</tr>
<tr>
<td width='75'>1</td>
</tr>
<tr>
<td width='75'>4</td>
</tr>
<tr>
<td width='75'>7</td>
</tr>
</table>
</span>
<span id='data' style='width:165; height:165; overflow:auto;' onscroll='myScroll();'>
<table width='225' border='1'>
<tr>
<td width='75'>1</td>
<td width='75'>2</td>
<td width='75'>3</td>
</tr>
<tr>
<td width='75'>4</td>
<td width='75'>5</td>
<td width='75'>6</td>
</tr>
<tr>
<td width='75'>7</td>
<td width='75'>8</td>
<td width='75'>9</td>
</tr>
<tr>
<td width='75'>1</td>
<td width='75'>2</td>
<td width='75'>3</td>
</tr>
<tr>
<td width='75'>4</td>
<td width='75'>5</td>
<td width='75'>6</td>
</tr>
<tr>
<td width='75'>7</td>
<td width='75'>8</td>
<td width='75'>9</td>
</tr>
<tr>
<td width='75'>1</td>
<td width='75'>2</td>
<td width='75'>3</td>
</tr>
<tr>
<td width='75'>4</td>
<td width='75'>5</td>
<td width='75'>6</td>
</tr>
<tr>
<td width='75'>7</td>
<td width='75'>8</td>
<td width='75'>9</td>
</tr>
</table>
</span>
</div>
</body>
</html>
New THANKS AGAIN!
     Whats the best way to do this? - (mmoffitt) - (13)
         Nevermind. - (mmoffitt)
         I've always avoided Active-X - (ChrisR) - (11)
             Just for thoroughness... - (ChrisR) - (10)
                 OT: div and span. - (static) - (6)
                     The html checking is zIWETHEY - (ben_tilly) - (5)
                         Oh can he? - (static) - (4)
                             It shouldn't be a problem - (ben_tilly) - (3)
                                 Have ability, not time right now. -NT - (admin) - (2)
                                     It was nice when you didn't have a job... -NT - (ben_tilly)
                                     That's one reason I haven't been requesting stuff. -NT - (static)
                 Thanks. Anyway to "freeze" column A at the same time? -NT - (mmoffitt) - (2)
                     Take 2 - (ChrisR) - (1)
                         THANKS AGAIN! -NT - (mmoffitt)

Not sure if that makes your statement true or false...
85 ms