Mouvement combiné pour DIV

Version imprimable

14/08/2006, 11h42
thanaos

Mouvement combiné pour DIV

Bonjour à tous.
Ennoncé : j'ai deux DIV (div1 et div2) côtes à côtes. Tous les deux ont un contenu qui dépasse leurs dimensions. L'un des DIV affiche les scrollbar.
Mon problème : comment capter le mouvement dans l'affichage du div1 pour appliquer le même au div2 ?
Voili voilou. :)

Salut,

Essaie cet exemple:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<style type='text/css'>
.box { font-size: 30px; width: 100px; height: 100px; overflow: auto; border: 1px solid black; white-space: nowrap; }
</style>
<script language='javascript' type='text/javascript'>
function syncScroll() {
	document.getElementById('div2').scrollTop = document.getElementById('div1').scrollTop;
	document.getElementById('div2').scrollLeft = document.getElementById('div1').scrollLeft;
}
</script>
</head>
<body>
<div id='div1' class='box' onscroll='syncScroll()'>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit,<br />
sed diam nonummy nibh euismod tincidunt ut laoreet dolore<br />
magna aliquam erat volutpat. Ut wisi enim ad minim veniam,<br />
quis nostrud exerci tation ullamcorper suscipit lobortis<br />
</div>
<div id='div2' class='box'>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit,<br />
sed diam nonummy nibh euismod tincidunt ut laoreet dolore<br />
magna aliquam erat volutpat. Ut wisi enim ad minim veniam,<br />
quis nostrud exerci tation ullamcorper suscipit lobortis<br />
</div>
</body>
</html>

Citation:

Envoyé par marcha

Code:

1
2
3
4
5
6
 
 
Lorem ipsum dolor sit amet, consectetuer adipiscing elit,<br />
sed diam nonummy nibh euismod tincidunt ut laoreet dolore<br />
magna aliquam erat volutpat. Ut wisi enim ad minim veniam,<br />
quis nostrud exerci tation ullamcorper suscipit lobortis<br />

Oh,, un mormon francophone, ce n'est pas fort courant.

17/08/2006, 09h24
thanaos

Merci Marcha. :) C'est tout à fait ce qu'il me fallait.
Testé avec Mozilla et IE6.