IdentifiantMot de passe
Loading...
Mot de passe oubli� ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les r�ponses en temps r�el, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Javascript Scrollbar Synchronisation Div


Sujet :

JavaScript

  1. #1
    Membre habitu�
    Profil pro
    Inscrit en
    D�cembre 2006
    Messages
    10
    D�tails du profil
    Informations personnelles :
    �ge : 39
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations forums :
    Inscription : D�cembre 2006
    Messages : 10
    Par d�faut Javascript Scrollbar Synchronisation Div
    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

  2. #2
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par d�faut
    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 ...
    Ma page Developpez - Mon Blog Developpez
    Pr�sident du CCMPTP (Comit� Contre le Mot "Probl�me" dans les Titres de Posts)
    Deux r�gles du succ�s: 1) Ne communiquez jamais � quelqu'un tout votre savoir...
    Votre post est r�solu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de D�veloppez !

  3. #3
    Membre habitu�
    Profil pro
    Inscrit en
    D�cembre 2006
    Messages
    10
    D�tails du profil
    Informations personnelles :
    �ge : 39
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations forums :
    Inscription : D�cembre 2006
    Messages : 10
    Par d�faut
    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...

  4. #4
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par d�faut
    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
    Ma page Developpez - Mon Blog Developpez
    Pr�sident du CCMPTP (Comit� Contre le Mot "Probl�me" dans les Titres de Posts)
    Deux r�gles du succ�s: 1) Ne communiquez jamais � quelqu'un tout votre savoir...
    Votre post est r�solu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de D�veloppez !

  5. #5
    Membre habitu�
    Profil pro
    Inscrit en
    D�cembre 2006
    Messages
    10
    D�tails du profil
    Informations personnelles :
    �ge : 39
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations forums :
    Inscription : D�cembre 2006
    Messages : 10
    Par d�faut
    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)

  6. #6
    Membre habitu�
    Profil pro
    Inscrit en
    D�cembre 2006
    Messages
    10
    D�tails du profil
    Informations personnelles :
    �ge : 39
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations forums :
    Inscription : D�cembre 2006
    Messages : 10
    Par d�faut
    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....

  7. #7
    Membre habitu�
    Profil pro
    Inscrit en
    D�cembre 2006
    Messages
    10
    D�tails du profil
    Informations personnelles :
    �ge : 39
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations forums :
    Inscription : D�cembre 2006
    Messages : 10
    Par d�faut
    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

+ R�pondre � la discussion
Cette discussion est r�solue.

Discussions similaires

  1. [AJAX] Ajax, formulaire, div et select
    Par n8ken dans le forum G�n�ral JavaScript
    R�ponses: 2
    Dernier message: 23/09/2006, 10h51
  2. [DIV][Javascript] cr�er une DIV sur onmouseover
    Par pmartin8 dans le forum Balisage (X)HTML et validation W3C
    R�ponses: 2
    Dernier message: 30/08/2006, 15h10
  3. [Javascript] d�placement de div suivant souris
    Par LE NEINDRE dans le forum G�n�ral JavaScript
    R�ponses: 2
    Dernier message: 20/06/2006, 16h45
  4. [d�butant] Scrollbar et div
    Par mavina dans le forum Balisage (X)HTML et validation W3C
    R�ponses: 9
    Dernier message: 20/04/2006, 11h03
  5. [Javascript] Rafraichir un div...
    Par Empty_body dans le forum G�n�ral JavaScript
    R�ponses: 8
    Dernier message: 28/02/2006, 16h13

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo