Mémoriser la position d'une ScrollBar

**Arcann** · 31/01/2008, 11h49

Bonjour à tous,

Je souhaite mémoriser la position de ma scrollbar pour que, suite à une soumission de formulaire, je replace mon navigateur dans sa position.

pour l'heure j'ai un code qui ressemble à :

Code :

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

1
2
3
4
5
6
7
8
9
 
function SaveScroll() {
	document.getElementById("focus").value = document.body.scrollTop;
}
function SetScroll() {
	if (document.getElementById("focus")) {
		document.body.scrollTop = document.getElementById("focus").value;
	}
}

focus étant un champs de mon formulaire que je récupère dans ma nouvelle page.

Mon problème est que ce système marche parfaitement sous FireFox, mais pas sous IE.

Est ce que quelqu'un peut quelque chose pour moi ?!?

Merci d'avance !

**SpaceFrog** · 31/01/2008, 13h34

bodyElement.scrollTop ? pour IE

quoique ...

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
<script type='text/javascript'>
var SScroll;
function SaveScroll() {
	SScroll = document.body.scrollTop;
}
function SetScroll() {
		document.body.scrollTop = SScroll
 
}
</script>
</head>
 
<body>
 
<input type='button' onclick="SaveScroll()" value="Save" />
<input type='button' onclick="SetScroll()" value="Set" />
 
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><input type='button' onclick="SaveScroll()" value="Save" /><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<input type='button' onclick="SaveScroll()" value="Save" />
 
 
</body>
 
 
</html>

Testé sous IE et FFX ...

**Arcann** · 01/02/2008, 17h58

peux tu m'expliquer la différence entre ton code et le mien ?

**SpaceFrog** · 01/02/2008, 20h29

Je passe par une variable globale ...

je n'ai pas testé mais peut être que le fait de passer par un input transtype la variable si c'est le cas ceci devrait fonctionner :

Code :

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

1
2
3
4
5
function SetScroll() {
	if (document.getElementById("focus")) {
		document.body.scrollTop = Number(document.getElementById("focus").value);
	}
}

**Arcann** · 04/02/2008, 09h34

a mon plus grand regret, cane fonctionne pas sous IE !

**le_chomeur** · 04/02/2008, 09h39

Truc peut-être bète, mais pourquoi ne pas utiliser des ancres ??

**Arcann** · 04/02/2008, 14h02

C'est à dire ?

**SpaceFrog** · 04/02/2008, 15h56

J'ai testé sous IE et FFX sans souci

**Arcann** · 05/02/2008, 10h15

J'ai identifié mon problème, mais il n'est pas résolu !

en fait si je met le code dans ma fonction SetScroll:

Code :

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

1
2
3
4
 
alert(document.getElementById("focus").value);
document.body.scrollTop = document.getElementById("focus").value;
alert(document.body.scrollTop);

La première alert me retourne bien la valeur mon scroll, mais la seconde me retourne 0 !

si vous avez des pistes...
Je vous tiens au courant !

PS: j'ai également tenté Number (document.getElementById("focus").value);

EDIT : En fait ma fonction était appelé trop top. l'ensemble de la page n'étant pas chargée sous IE, le scroll ne pouvait être décalé convenablement. Merci pour votre aide

**SpaceFrog** · 05/02/2008, 10h20

Code :

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

alert(document.bodyElement.scrollTop);

?

Mémoriser la position d'une ScrollBar

JavaScript

Discussions similaires

Partager

Partager