Discussion :

[Maveck]

Bonjour

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.

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.

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.

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...

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

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

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...


Merci d'avance � tous

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

[SpaceFrog]

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 ...

[Maveck]

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...

[SpaceFrog]

sert toi des ancres ...

par exemple :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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

[Maveck]

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 (c'est tr�s joli au passage)

[Maveck]

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

Du coup j'ai utilis� :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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....

[Maveck]

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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

me donne la valeur de la hauteur de la boite.

Impeccable donc.

Merci