Capter un évènement sur la Scrollbar

Version imprimable

18/03/2010, 14h29
ForgetTheNorm

Capter un évènement sur la Scrollbar

Bonjour à tous

Je possède une page (unique) dont quelques informations changent lorsque l'utilisateur clique sur des liens. Je cherche à capter l'évènement "l'utilisateur a déplacé la Scrollbar du navigateur" (ou de la frame), afin de recharger la page au même endroit une fois que l'utilisateur a cliqué sur son lien.

Est-ce possible en Javascript (ou avec tout autre subterfuge, je suis ouvert) ?

Pierre
18/03/2010, 16h11
SpaceFrog

onScroll ?
18/03/2010, 19h58
Bovino

Citation:

Envoyé par ForgetTheNorm

afin de recharger la page au même endroit une fois que l'utilisateur a cliqué sur son lien.

Comme le dit Spaffy, c'est du coté de onscroll qu'il faut regarder, mais attention toutefois, lorsque l'utilisateur clique sur un lien, c'est censé recharger la page, si c'est le cas, les variables JavaScript sont perdues, il faut donc les sauvegarder, soit dans un cookie, soit en les transmettant dans l'URL.

:boulet: Je me demande pourquoi je n'y ai pas pensé...
C'est exactement ce qu'il me faut.

Le soucis suivant est de faire passer la variable de page en page. Je pensais soit à un cookie (je n'aime pas trop), soit à une variable de session. J'utilise un serveur assez peu utilisé (Ocsigen), qui permet la gestion de sessions.

Je pensais à ce code :
Code:

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 <html> <head> <script language="javascript"> function registerScroll() { // Recupere la position courante du scroll positionScroll = window.document.getElementById("divMain").scrollTop; // Ouvre quelquepart une page adresse = "registerSessionScroll?scroll=" . positionScroll; ***Mais où ?*** } function setSessionScroll() { // Recupere la position enregistree en session du Scroll positionScroll = 10; // Generee par le serveur window.document.getElementById("divMain").scrollTop = positionScroll; } </script> </head> <body onLoad="javascript:setSessionScroll();"> <div id="divMain" style="position:relative; overflow:auto; width: 100px; height: 100px; border:solid 1px;" onScroll="javascript:registerScroll()"> a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a </div> </body>
Le soucis est qu'il faudrait dire au serveur d'ouvrir la page "adresse" qui modifie la variable de session, sans forcément s'afficher.
Avez-vous une idée sur la manière de procéder ? L'idée du pop-up qui apparait puis disparait est à proscrire :)

Pierre

Le problème, c'est que tu ne peux pas fixer une variable de session depuis le poste client :aie:

Je verrais bien une fonction appelée au clic sur les liens qui modifie le href avec un paramètre d'URL que tu n'as plus qu'à récupérer coté serveur.
Du style :
Code:

1 2 3 4 5 6 7 8 function setHREF(){ var liens = document.getElementsByTagName('a'), nbliens = liens.length; for(var i=0; i<nbliens; i++){ liens[i].onclick = function(){ this.href += '?position='+registerScroll(); } } }

Citation:
Envoyé par Bovino
Le problème, c'est que tu ne peux pas fixer une variable de session depuis le poste client :aie:

Je verrais bien une fonction appelée au clic sur les liens qui modifie le href avec un paramètre d'URL que tu n'as plus qu'à récupérer coté serveur.
Du style :
Code:

1 2 3 4 5 6 7 8 function setHREF(){ var liens = document.getElementsByTagName('a'), nbliens = liens.length; for(var i=0; i<nbliens; i++){ liens[i].onclick = function(){ this.href += '?position='+registerScroll(); } } }
Merci pour ta réponse.
C'est une très bonne idée. Il faudra cependant que ma fonction soit un peu plus compliquée que ça ; en effet, le serveur web Ocsigen est très à cheval sur les parametres GET (et POST). C'est lui qui génère le code des <a href> avec des hashmaps qui lui sont propres. Je pense que je devrais donc donner une valeur par défaut et la modifier à la volée.

J'avais pensé à une solution comme celle-ci et avait abandonné l'idée, car j'avais peur de surcharger l'URL (j'ai 2 divs dont je souhaite garder la position).

Pierre

18/03/2010, 22h28
Gatsu35

Question conne pourquoi tu veux sauvegarder la position scroll de ta page ?
19/03/2010, 08h21
SpaceFrog

Pour le restituer au rechargement sans doute ...
Certains navigateurs ne replacent pas le scroll de la page...
19/03/2010, 13h38
ForgetTheNorm

Citation:

Envoyé par Gatsu35

Question conne pourquoi tu veux sauvegarder la position scroll de ta page ?

Comme le dit SpaceFrog, c'est pour le restituer au rechargement de la page. La plupart des navigateurs, lorsqu'on actualise la page, remettent les scrolls à leur précédente valeur.
Je souhaiterai avoir le même comportement, sauf que je ne réactualise pas ma page, mais je fais un lien vers elle-même (qui peut engendrer des modifications sur cette dernière, mais c'est sans importance ici).

Je teste la solution à l'instant et je vous tiens au courant :)

Pierre