Réponse acceptée !
Salut ben pour te montrer je t'ai fais un exemple complet ... voilà le code :
<html>
<head>
<style type="text/css">
#div1 {
width:400px;
height:70px;
overflow: auto;
border: 1px solid;
}
#div2 {
width:400px;
height:70px;
overflow: auto;
border: 1px solid;
}
</style>
<script type="text/javascript" src="./prototype.js"></script>
<script type="text/javascript">
function scrollManager(elSrc, elTar) {
document.getElementById(elTar).scrollTop = document.getElementById(elSrc).scrollTop;
}
function setListeners() {
var elements = [document.getElementById('div1'),document.getElementById('div2')];
if (elements[0].addEventListener)
elements[0].addEventListener('scroll', function(){scrollManager('div1','div2');},false);
else if (elements[0].attachEvent)
elements[0].attachEvent('onscroll', function(){scrollManager('div1','div2');});
if (elements[1].addEventListener)
elements[1].addEventListener('scroll', function(){scrollManager('div2','div1');},false);
else if (elements[1].attachEvent)
elements[1].attachEvent('onscroll', function(){scrollManager('div2','div1');});
}
</script>
</head>
<body onload="setListeners()">
<div id="div1">
djiojisjfkjkj<br>
djiojisjfkjkj<br>
djiojisjfkjkj<br>
djiojisjfkjkj<br>
djiojisjfkjkj<br>
djiojisjfkjkj<br>
djiojisjfkjkj<br>
djiojisjfkjkj<br>
djiojisjfkjkj<br>
djiojisjfkjkj<br>
djiojisjfkjkj<br>
djiojisjfkjkj<br>
djiojisjfkjkj<br>
djiojisjfkjkj<br>
djiojisjfkjkj<br>
</div>
<div id="div2">
adjkdkjmfsjfsl!fkjpfh<br>
adjkdkjmfsjfsl!fkjpfh<br>
adjkdkjmfsjfsl!fkjpfh<br>
adjkdkjmfsjfsl!fkjpfh<br>
adjkdkjmfsjfsl!fkjpfh<br>
adjkdkjmfsjfsl!fkjpfh<br>
adjkdkjmfsjfsl!fkjpfh<br>
adjkdkjmfsjfsl!fkjpfh<br>
adjkdkjmfsjfsl!fkjpfh<br>
adjkdkjmfsjfsl!fkjpfh<br>
adjkdkjmfsjfsl!fkjpfh<br>
adjkdkjmfsjfsl!fkjpfh<br>
adjkdkjmfsjfsl!fkjpfh<br>
adjkdkjmfsjfsl!fkjpfh<br>
</div>
</body>
</html>
Bonne prog..
@+
-- The Rubik's Man --