Capter un évènement sur la Scrollbar

**ForgetTheNorm** · 18/03/2010, 15h29

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

**SpaceFrog** · 18/03/2010, 17h11

onScroll ?

**Bovino** · 18/03/2010, 20h58

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.

**ForgetTheNorm** · 18/03/2010, 21h01

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 :

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
<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

**Bovino** · 18/03/2010, 21h15

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

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 :

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

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();
        }
    }
}

**ForgetTheNorm** · 18/03/2010, 21h53

Envoyé par Bovino

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

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 :

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

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

**Gatsu35** · 18/03/2010, 23h28

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

**SpaceFrog** · 19/03/2010, 09h21

Pour le restituer au rechargement sans doute ...
Certains navigateurs ne replacent pas le scroll de la page...

**ForgetTheNorm** · 19/03/2010, 14h38

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

Capter un évènement sur la Scrollbar

JavaScript

Vue hybride

Discussions similaires

Partager

Partager