Discussion :

[PatSan]

Bonjour à tous,
J'ai le problème suivant : je veux que le scroll sur un élément se fasse automatiquement sur un événement. Pour se faire, j'utilise la fonction javascript

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

scrollIntoView

Un scroll se fait mais pas sur l'élément en question.

Pour illustrer mon problème, vous pouvez jeter un oeil sur le site en développement http://www.o-naturel.ca/new/.
Lorsque l'utilisateur entre un courriel mal formé (en bas de page sur la rubrique INFOLETTRE), la page est censée se scroller en bas de page par le code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<script>document.getElementById('msg_return_infolettre').scrollIntoView(false);</script>

J'ai essayé plusieurs autres méthodes :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<script>window.scrollTo(0, document.body.scrollHeight);</script>
<script>window.location.hash('msg_return_infolettre');</script>	
<script>window.scrollBy(0,2000);</script>
<script>document.form_newsletter.saisie_courriel_infolettre.focus();</script>

mais le résultat est le même : le scroll ne se fait pas entièrement.

La page a été générée via php alors soyez indulgents sur l'indentation lorsque vous afficherez le code source.
Merci d'avance pour celui ou celle qui pourra m'éclairer !

[NoSmoking]

Bonjour,
as tu essayé de mettre ton script juste avant la fin du body

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<script>
  document.getElementById('msg_return_infolettre').scrollIntoView(false);</script>
</body>

[PatSan]

Oui, j'avais déjà essayé mais le résultat est identique.
J'ai l'impression que le problème vient du 'rotator' en haut de la page. C'est une partie que j'ai récupéré du web... et comme toute partie récupérée, cela peut poser problème.

[NoSmoking]

C'est fort possible que le plugin mette le focus sur le slide.

Essaies dans ce cas de mettre un setTimeout

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
setTimeout(function(){
    document.getElementById('msg_return_infolettre').scrollIntoView(false);
  },1000);

[PatSan]

Bravo NoSmoking !
Impressionné ! Je n'aurais pas eu cette idée...
Cela fonctionne très bien.
Merci encore !

[NoSmoking]

La solution reste un peu vaseuse.

Il vaudrait mieux
- mettre en commentaire la partie du script qui met le focus, peut être pas simple à trouver!
- faire la vérification coté client pour éviter un aller/retour au serveur, en conservant la vérif. coté serveur bien entendu.

M'enfin ça marche, ça marche, ça marche, ça marche, ça marche, ça marche!

[PatSan]

Oui, ce n'est pas très propre comme solution mais comme tu l'as dit, pas facile à trouver dans ce bor..el de code !
Je vais me pencher dessus 1 heure ou deux...
Merci encore.