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

HTML Discussion :

Scroller en bas d'une div à l'ouverture


Sujet :

HTML

  1. #1
    Membre du Club
    Homme Profil pro
    Audiovisuel
    Inscrit en
    Décembre 2006
    Messages
    93
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 37
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Audiovisuel
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Décembre 2006
    Messages : 93
    Points : 49
    Points
    49
    Par défaut Scroller en bas d'une div à l'ouverture
    Bonjour !

    J'ai du mal à trouver une solution à mon problème, j'espère que vous allez pouvoir m'aider...

    Alors voilà je cherche à scroller en bas d'une div de taille définie dès l'ouverture de la page.

    En gros voici ma div :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
     
    <div style="height:100px; overflow:scroll;">
     pwet 1<br/>
     pwet 2<br/>
     pwet 3<br/>
     pwet 4<br/>
     pwet 5<br/>
     pwet 6<br/>
     pwet 7<br/>
     pwet 8<br/>
    </div>
    Et j'aimerai voir "pwet 8" dès l'ouverture de la page sans avoir à scroller en bas .... ( désolé pour l'exemple ^^ ).

    Merci de votre aide !

  2. #2
    Expert éminent
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 47
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Points : 9 031
    Points
    9 031
    Par défaut
    Bonsoir

    Pour ce faire tu peut utiliser les ancres : tu places ceci dans ton code

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a name="pwet_8">pwet 8</a>
    Et tu places le lien suivant : nom_page.htm#pwet_8

    A tester :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Titre</title>
    <style type="text/css">
     
    </style>
    </head>
     
    <body>
    <a href="#pwet_8">lien</a>
    <div style="height:100px; overflow:scroll;">
     pwet 1<br/>
     pwet 2<br/>
     pwet 3<br/>
     pwet 4<br/>
     pwet 5<br/>
     pwet 6<br/>
     pwet 7<br/>
     pwet 1<br/>
     pwet 2<br/>
     pwet 3<br/>
     pwet 4<br/>
     pwet 5<br/>
     pwet 6<br/>
     pwet 7<br/>
     pwet 1<br/>
     pwet 2<br/>
     pwet 3<br/>
     pwet 4<br/>
     pwet 5<br/>
     pwet 6<br/>
     pwet 7<br/>
     <a name="pwet_8">pwet 8</a><br/>
    </div>
     
     
    </body>
    </html>
    http://cyberzoide.developpez.com/html/a.php3#interne

  3. #3
    Membre du Club
    Homme Profil pro
    Audiovisuel
    Inscrit en
    Décembre 2006
    Messages
    93
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 37
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Audiovisuel
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Décembre 2006
    Messages : 93
    Points : 49
    Points
    49
    Par défaut
    Ok !
    En fait ce que je veux c'est exactement ça mais sans cliquer ... c'est possible ?

  4. #4
    Expert éminent
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 47
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Points : 9 031
    Points
    9 031
    Par défaut
    Sans cliquer ? c'est à dire ? Il faut bien un moment cliquer pour accéder à la page non ? Donc tu pourrais placer directement l'ancre dans le lien...

    Sinon explique un peu plus...

  5. #5
    Membre du Club
    Homme Profil pro
    Audiovisuel
    Inscrit en
    Décembre 2006
    Messages
    93
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 37
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Audiovisuel
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Décembre 2006
    Messages : 93
    Points : 49
    Points
    49
    Par défaut
    Ba non j'ai plusieurs div dans cette page ...

  6. #6
    Expert éminent
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 47
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Points : 9 031
    Points
    9 031
    Par défaut
    C'est à dire ?

    Tu peut expliquer ? D'avoir plusieurs div dans cette page t'empêche de mettre une ancre dans le lien y accédant ?!

    Je ne peut que me répéter : explique ce que tu veux faire exactement et quel est le contexte !

  7. #7
    Membre du Club
    Homme Profil pro
    Audiovisuel
    Inscrit en
    Décembre 2006
    Messages
    93
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 37
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Audiovisuel
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Décembre 2006
    Messages : 93
    Points : 49
    Points
    49
    Par défaut
    J'ai 2 div dans une page et je veux qu'a l'ouverture de celle-ci leur scroll soit en bas et non en haut...

  8. #8
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Points : 15 059
    Points
    15 059
    Par défaut
    Salut,
    Ok !
    En fait ce que je veux c'est exactement ça mais sans cliquer ... c'est possible ?
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <body onload="window.location.href='#pwet_8';">

  9. #9
    Membre du Club
    Homme Profil pro
    Audiovisuel
    Inscrit en
    Décembre 2006
    Messages
    93
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 37
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Audiovisuel
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Décembre 2006
    Messages : 93
    Points : 49
    Points
    49
    Par défaut
    Merciiiiiiiiiiiii !

    C'est exactement ce que je recherchais ^^

    J'ai donc mis :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <body onload="window.location.href='#div1';window.location.href='#div2';">
    et les liens correspondants à la fin de mes 2 div

    Merci beaucoup andry.aime !!! ^^

  10. #10
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Points : 15 059
    Points
    15 059
    Par défaut
    Avec ton code, tu iras dans le div1 ensuite div2, c'est un coïncidence que les deux div s'affichent dans la même page écran. Mais en principe, à la fin de l'execution de ton script, c'est la div2 qui s'affiche s'ils ne s'affichent pas dans la même page écran.

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

Discussions similaires

  1. Fixer une div en bas d'une div
    Par lifty dans le forum Mise en page CSS
    Réponses: 11
    Dernier message: 29/05/2009, 18h27
  2. [AJAX] rafraichir une div à l'ouverture d'une page asp
    Par dedein84 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 24/12/2008, 10h23
  3. Ascenceur en bas d'une div automatiquement
    Par dest dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 09/11/2007, 11h52
  4. pb positionnement en bas d'une div
    Par bogsy15 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 7
    Dernier message: 27/07/2006, 15h27
  5. positionner un bloc <p> tout en bas d'une div
    Par barok dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 18/04/2006, 14h37

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