Javascript Scrollbar Synchronisation Div

Bonjour :aie:

J'ai deux boites div de tailles diff�rentes qui sont c�te � c�te.

Ces deux boites div on des contenus diff�rents et de taille diff�rentes.:aie:

Exemple : le div de gauche (divfilms) contient une liste de films(divfilm). Chaque div film contient une liste d'acteurs(divacteur). le div de droite (divrepliques) contient une liste de r�pliques(divreplique), soit les r�pliques de tout le film, soit les r�pliques d'un seul des acteurs.:king:

Est-il possible de trouver la position d'un �l�ment contenu dans une des deux boites div afin de synchroniser au niveau du d�filement la position des div.:roll:

En gros, peut on faire en sorte que quand on est dans un film et qu'on d�roule la liste des acteurs, on ait la liste des r�pliques qui reste en face de chaque acteur...:aie:

Peut-on obtenir l'id de l'�l�ment que l'on voit en premier dans le div pendant un scroll ?:P

Peut-on obtenir l'id des �l�ments visibles lors d'un scroll?:D

N'y a-t-il que ces propri�t�s d'un div ayant un rapport avec le scroll ?:?
scrollLeft
scrollTop
scrollWidth
scrollHeight

Sinon, je peux faire un rapport avec scrollHeight et scrollTop, mais j'aimerais savoir tout de m�me si c'est possible d'obtenir la position d'un �l�ment dans un scroll, si il est visible ou non etc...:aie:


Merci d'avance � tous ;)

Ps : j'ai utilis�e la fonction recherche qui est mon amie :mouarf:

soit tu as des cartouches de m�me taille contenant les infos et l� tu mets le scrollTop du div sur l'�l�ment concern�,
soit tu as une relation proposrtionnelle entre les deux scrollTop et tu appliques le coeff sur le scroll du premier div ...

Les �l�m�nts des deux div n'ont pas de rapport de proportion.

Je ne comprends pas ta premi�re solution :

On peut positionner le scroll sur un sous �l�ment du div ? Les sous �l�ments du div de gauche par exemple ont tous la m�me taille, mais les sous �l�ments de droite...

sert toi des ancres ...

par exemple :

Code:

---

1 2 3 4 5

function ShowAddress(Ancre) { document.getElementById('container').scrollTop=document.getElementById('_'+Ancre).offsetTop; return true; }

---

je me sers de ce bout de code pour afficher une adresse dans un div � partir d'un onmouseover sur une area ...

a toi de definir l�v�nement qui doit d�clencher l'affichage

Merci, c'est le offsetTop que je ne connaissais pas....

Je vais regarder �a.

Pour l'instant j'ai fait un truc avec les proportions, �a fonctionne, mais que sur l'une des deux scrollbars. Si je fais les deux, �a remonte tout seul :aie: (c'est tr�s joli au passage)

Je ne parviens pas � mettre tel ou tel �l�ment face � un �l�ment de l'autre liste.

Du coup j'ai utilis� :

Code:

---

1 2 3 4 5 6 7 8 9 10

function synchro(s,t){ var ttop = t.scrollTop; var stop = s.scrollTop; var theight = t.scrollHeight; var sheight = s.scrollHeight; var taillelistefilms = 448; var taillerepliques = 430; t.scrollTop = ( theight - taillelistefilms ) / ( ( sheight - taillerepliques ) / stop ); }

---

Maintenant je cherche un moyen de r�cup�rer dynamiquement la hauteur de taille liste films et taille repliques, car je trouve �a "crade" et pas pratique d'aller bricoler le js � chaque fois que je veux changer le css....

Code:

---

1 2	document.getElementById("id_de_l_element").offestHeight;

---

me donne la valeur de la hauteur de la boite.

Impeccable donc.

Merci :)