I currently have 2 seperate <DIV>’s each with a horizontal scroll. I want to link the scroll bars so when I scroll DIV 2 I want DIV 1 to scroll also. Any ideas?
@ElegiditoFeb 04.2005 — #Came up with this...although onScroll isn't valid, it works in IE <i> </i> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta name="Content-Style-Type" content="text/css"> <title>Scrolling Div Thing</title> <style type='text/css'> #div1,#div2 { height:35px; width:200px; overflow:scroll; white-space:nowrap; } </style> </head> <body> <div id='div1'> Lots, and lots, and lots and lots, and lots, and lots, and lots, and lots, and lots, and lots, and lots, and lots,and lots, and lots, and lots, of data</div> <div id='div2' onScroll='document.getElementById("div1").scrollLeft=this.scrollLeft;'>And some more, more, more, more, more, more, more, more, more, more, more, more, more, more, more, more, more, more, more, more, more, more, data </div> </body>
@ckopackoauthorFeb 04.2005 — #That worked great in IE except for some reason I had to use document.all.div1.scrollLeft=this.scrollLeft. Is there any event that netscape or safari will recognize when a user scroll?
@PittimannFeb 04.2005 — #Hi![i]Originally posted by ckopacko [/i]
[B]That worked great in IE except for some reason I had to use [COLOR=red]document.all.div1[/COLOR].scrollLeft=this.scrollLeft. Is there any event that netscape or safari will recognize when a user scroll?[/B][/QUOTE]You should get rid of the red stuff because this only works in IE (and in some browsers 'pretending' to be IE).
Elegidito's code (exactly like posted here) also works in FF, Mozilla and NS7).