Réponse acceptée !
Bonjour,
un ch'tiot exemple avec un scroll.... vertical que j'ai sous la main
tu devrais savoir adapter pour faire horizontal, je pense
<html>
<head>
<style type="text/css">
#div1,#div2
{ width:50%;
height:30%;
overflow: auto;
border: 1px solid;
}
#div1 { background-color:#FFFFDD; }
#div2 { background-color:#DDFFFF; }
</style>
<script type="text/javascript">
function synchro(s,t)
{ t.scrollTop = s.scrollTop; }
function attchEvt()
{ if ( d1.addEventListener )
{ d1.addEventListener( 'scroll', function() { synchro( d1, d2 ); } ,false );
d2.addEventListener( 'scroll', function() { synchro( d2, d1 ); } ,false );
}
else { d1.attachEvent( 'onscroll', function() { synchro( d1, d2 ); } );
d2.attachEvent( 'onscroll', function() { synchro( d2, d1 ); } );
}
}
</script>
</head>
<body onload="attchEvt();">
<div id="div1">
<script type="text/javascript">
var d1=document.getElementById('div1');
for ( var l=0;l<100;l++)
{ document.writeln("ligne:"+l+"<br />"); }
</script>
</div>
<div id="div2">
<script type="text/javascript">
var d2=document.getElementById('div2');
for ( l=0;l<100;l++)
{ document.writeln("même chose:"+l+"<br />"); }
</script>
</div>
</body>
</html>
Cordialement
Bul [
mon Site] [
M'écrire]