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 :

positionner le focus dans un div


Sujet :

JavaScript

  1. #1
    bat
    bat est déconnecté
    Membre à l'essai
    Inscrit en
    Mai 2002
    Messages
    29
    Détails du profil
    Informations forums :
    Inscription : Mai 2002
    Messages : 29
    Points : 19
    Points
    19
    Par défaut positionner le focus dans un div
    Salut à tous,
    j'ai un div qui contient une liste de liens. Ce div a comme style : overflow:auto. J'ai donc des ascenseurs dans ce div.
    En dehors du div, je voudrais pouvoir grace à javascript faire défiler le calque de façon a faire apparaitre le lien voulu.
    Est ce que quelqu'un a une idée ??

    Merci beaucoup d'avance.

    PS : pour l'instant, la seule solution que j'ai trouvé est de mettre des ancres devant chaque lien, et en javascript de faire un window.location = '#monlien';
    Le problème de cette solution est que ça me fait aussi défiler le reste de la page. Je suis donc obligé de faire ensuite un window.scrollTo(0,0) : on voit la page "clignoter", ce qui est assez désagréable.......

  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 641
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    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 641
    Points : 66 666
    Points
    66 666
    Billets dans le blog
    1

  3. #3
    bat
    bat est déconnecté
    Membre à l'essai
    Inscrit en
    Mai 2002
    Messages
    29
    Détails du profil
    Informations forums :
    Inscription : Mai 2002
    Messages : 29
    Points : 19
    Points
    19
    Par défaut
    Si je comprends bien, il faut modifier le top du div. Mais quelle valeur lui donner. Ma structure est la suivante :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     
    <div style="overflow: auto" id="arborescence">
      <span><a href="toto1">lien1</a></span>
      <span><a href="toto2">+ lien2</a></span>
      <div>
        <span><a href="toto3">lien2_1</a></span>
        <span><a href="toto4">+ lien2_2</a></span>
        <div>
          <span><a href="toto5">lien2_2_1</a></span>
        </div>
      </div>
    <div>
    Comment connaître la hauteur du lien2_2_1 par rapport au div "arborescence" ??

  4. #4
    bat
    bat est déconnecté
    Membre à l'essai
    Inscrit en
    Mai 2002
    Messages
    29
    Détails du profil
    Informations forums :
    Inscription : Mai 2002
    Messages : 29
    Points : 19
    Points
    19
    Par défaut
    C'est ok, j'ai trouvé un bonne petite fonction !!
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
     
    function getTop(MyObject)
    //Fonction permettant de connaître la position d'un objet
    //par rapport au bord haut de la page.
    //Cet objet peut être à l'intérieur d'un autre objet.
        {
        if (MyObject.offsetParent)
            return (MyObject.offsetTop + getTop(MyObject.offsetParent));
        else
            return (MyObject.offsetTop);
        }
    Je ne comprends toujours pas pourquoi ça marche sur Netscape et Firefox (si quelqu'un a une explication) mais je ne vais pas m'en plaindre....

    Merci beaucoup SpaceFrog !!

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

Discussions similaires

  1. Réponses: 2
    Dernier message: 24/05/2009, 23h23
  2. positionner une table dans un div
    Par zooffy dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 02/08/2007, 09h46
  3. Positionnement d'images dans une <div>
    Par djef80_12 dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 20/12/2006, 13h44
  4. [CSS] Positionner 2 tableaux dans une div
    Par Rei Itchido dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 12/05/2006, 18h27

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