Syncronize scroll bar.

[pierre legault]

Hi all



This is my question:



On the same screen I have 2 layers defined as follow:



<div id="Layer1" style="position:absolute; left:12px; top:150px; width:349px; height:498px; z-index:1; overflow: auto;">



<div id="Layer2" style="position:absolute; left:360px; top:150px; width:600px; height:514px; z-index:2; overflow: auto;">



Layer 1 content a table with 2 columns and 46 rows.(Scroll bar: With vertical without horizontal)

Layer 2 content a table with 20 columns and 46 rows.(with horizontal and vertical scroll bar)



The content of layer 1 is the header of layer 2.



How could I syncronized both vertical scroll bar if i use one or the other?

 

[mscir]

On the same screen I have 2 layers <snip>
How could I syncronized both vertical scroll bar if i use one or the other?

you might want to look at this to get started (ala google):

http://www.fw2.net/scroll/

I'd clean these up:

language="JavaScript"
.... type="text/javascript"

onClick="javascript:
.... remove 'javascript:'

Mike