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


Sujet :

JavaScript

  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    22
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2007
    Messages : 22
    Par défaut Javascript + Scrollbar
    Bonjour,

    J'ai développé une composant ajax : liste déroulante éditable avec autocomplétion
    Celui-ci est composé d'un champs caché, d'un champs texte, d'un bouton pour dérouler et d'un champs div qui stocke les options de la liste.

    N'étant pas très doué en Javascript, je voulais savoir s'il était possible de lier du code javascript avec une scrollbar associée à ma div d'options.

    Je m'explique :

    Mon div est associé à un style 'overflow:auto;height:100px'
    Lorsque je clique sur le bouton pour dérouler la liste, ou lorsque j'édite mon champs texte, la liste s'affiche; je peux alors me déplacer dans celle-ci à l'aide des touches 'haut' et 'bas'.

    Vu que j'ai spécifié une hauteur de 100 px, le scroll est activé lorsque j'ai beaucoup d'options. Le problème est lors du déplacement avec les touches 'haut' et 'bas'; si j'arrive à la dernière option visible et que je descend encore, la scrollbar ne suit pas, et donc, je ne vois pas l'option que je sélectionne (et c'est normale vue qu'il n'y a aucun lien de défini).

    Y-a-til un fortich en JS + CSS pour m'aider à trouver une chtite solution à ce problème? (Ou pas fortich d'ailleurs)

  2. #2
    Membre Expert
    Avatar de FremyCompany
    Profil pro
    Étudiant
    Inscrit en
    Février 2006
    Messages
    2 532
    Détails du profil
    Informations personnelles :
    Âge : 33
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2006
    Messages : 2 532
    Par défaut
    Quand tu changes d'option, fait HTMLContainerOfTonOption.scrollIntoView()

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    22
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2007
    Messages : 22
    Par défaut
    Excellent ca marche

    Merci beaucoup.

  4. #4
    Membre Expert
    Avatar de FremyCompany
    Profil pro
    Étudiant
    Inscrit en
    Février 2006
    Messages
    2 532
    Détails du profil
    Informations personnelles :
    Âge : 33
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2006
    Messages : 2 532
    Par défaut
    De rien

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Scrollbar sur un div ayant le width modifié en javascript
    Par gabdeschenes dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 17/06/2009, 17h19
  2. Réponses: 0
    Dernier message: 26/02/2009, 12h06
  3. Javascript Scrollbar Synchronisation Div
    Par Maveck dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 01/09/2008, 15h26
  4. Javascript et information sur la scrollbar
    Par cybersplash dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 02/06/2007, 11h24
  5. Scrollbar en javascript
    Par black-out dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 02/04/2007, 13h14

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