Garder la position du scrollbar

Version imprimable

21/08/2006, 17h17
Greggggggg

Garder la position du scrollbar

Bonjour,

j'ai un problème très important si vous pouviez m'aider ce serait sympa.

j'ai un lien href dans ma page html qui appel la meme page mais avec un parametre particulier.
j'aimerai que quand on click sur ce lien je sois au même endroit de scroll qu'avant le rafraichissement. est ce possible ?

Citation:

Envoyé par Greggggggg

Bonjour,

j'ai un problème très important si vous pouviez m'aider ce serait sympa.

j'ai un lien href dans ma page html qui appel la meme page mais avec un parametre particulier.
j'aimerai que quand on click sur ce lien je sois au même endroit de scroll qu'avant le rafraichissement. est ce possible ?

Oui, c'est possible...

Comme ca, à la vollé :
Code:

1 2 3 <a href="javascript:window.location='myPage.aspx'+'#'+window.scrollTop+'x'+window.scrollLeft"> Lien </a>
Et dans ta page (en bas de page de préférence) :
Code:

1 2 3 4 5 6 7 <script type="text/javascript"> try { var posStr=location.href.split("#")[1].split("x") window.scrollTop=parseInt(posStr[0]) window.scrollLeft=parseInt(posStr[1]) } catch (ex) {} </script>

21/08/2006, 18h07
Greggggggg

J'ai l'erreur suivante:

Code:

http://localhost/GestionIncidentsV3/PageTreatTicketV8.php#undefinedxundefined

Mon code est le suivant :

Code:

<a href="javascript:window.location='PageTreatTicketV8.php'+'#'+window.scrollTop+'x'+window.scrollLeft"> Lien </a>

Tu sais pourquoi?
21/08/2006, 18h11
FremyCompany

Et si tu remplace window.scrollTop par document.body.scrollTop ?
21/08/2006, 18h16
Greggggggg

il me fait

Code:

http://localhost/GestionIncidentsV3/PageTreatTicketV8.php#0x0

? j'ai cliqué tout en bas donc il a l'air de trouver la position? mais il ne reste pas sur la même page?
21/08/2006, 18h17
FremyCompany

Citation:

Envoyé par Greggggggg

il me fait

Code:

http://localhost/GestionIncidentsV3/PageTreatTicketV8.php#0x0

? j'ai cliqué tout en bas donc il a l'air de trouver la position? mais il ne reste pas sur la même page?

Pas compris la ;)
21/08/2006, 18h19
Greggggggg

Ben il m'écrit quand je click sur le lien:

Code:

http://localhost/GestionIncidentsV3/PageTreatTicketV8.php#0x0

je sais pas pourquoi?
21/08/2006, 18h20
FremyCompany

Et tu voulais qu'il écrive quoi ?
21/08/2006, 18h25
Greggggggg

Citation:

Envoyé par Greggggggg

Bonjour,

j'ai un lien href dans ma page html qui appel la meme page mais avec un parametre particulier.
j'aimerai que quand on click sur ce lien je sois au même endroit de scroll qu'avant le rafraichissement. est ce possible ?

J'aimerai donc qu'il me renvoie sur la même page mais au même niveau de scroll
21/08/2006, 18h35
FremyCompany

Ben la page, c'est toi qui l'a choisie...
'PageTreatTicketV8.php' :roll:

Sinon, si tu veux scroller, tu fais window.scrollTo(x,y) ou window.scrollBy(x,y)
21/08/2006, 18h52
Greggggggg
oui la page c'est moi qui la choisie je remet la même mais je ne veux pas que lors du raffraichissement la page le scroll soit de nouveau en haut de page.
et ce code ne fonctionne pas : je comprends pas

Code:

<a href="javascript:window.location='PageTreatTicketV8.php'+'#'+document.body.scrollTop+'x'+document.body.scrollLeft"> Lien </a>
Code:

1 2 3 4 5 6 7 <script type='text/javascript'> try { var posStr=location.href.split("#")[1].split("x") window.scrollTo(posStr[0],posStr[1]) } catch (ex) {} </script>

Attention que ca doit être mis juste avant le </body> :

Code:

1
2
3
4
5
6
7
8
9
10
11
 
<script type='text/javascript'>
try {
    var posStr=location.href.split("#")[1].split("x")
    var x=parseInt(posStr[0]);
    var y=parseInt(posStr[1]);
    document.body.scrollTop=x;
    document.body.scrollLeft=y;
    window.scrollTo(x,y);
} catch (ex) {}
</script>

ok faut le mettre avant le body mais j'ai toujours un problème je pense qu'il redirige mal quand je fais :
Code:

1 2 <a href="javascript:window.location='PageTreatTicketV8.php'+'#'+document.body.scrollTop+'x'+document.body.scrollLeft"> Lien </a>
il m'envoie à l'url :
Code:

1 2 javascript:window.location='PageTreatTicketV8.php'+'#'+document.body.scrollTop+'x'+document.body.scrollLeft
alors qu'il faudrait qu'il m'envoie à l'url :
Code:

1 2 http://localhost/GestionIncidentsV3/PageTreatTicketV8.php#144x0

22/08/2006, 14h55
Greggggggg

Quelqu'un a une idée ? c'est super important je dois rendre mon projet demain !
22/08/2006, 15h01
FremyCompany

Citation:

Envoyé par Greggggggg

Quelqu'un a une idée ? c'est super important je dois rendre mon projet demain !

Tu ne pourrais pas mettre ta page ne ligne ou la mettre en page attachée ?
22/08/2006, 15h15
Greggggggg

1 pièce(s) jointe(s)

Voila j'ai mis un code simple.

En bas à peu près à 1000 px il y a un lien qui s'appelle "CLICK DESSUS".
J'aimerai que lorsque je clique dessus il m'envoie à la même page (TestScrollBar.php) et à la même position de scroll.

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
36
37
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
div {	
	position:absolute;
	left:363px;
	top:1000px;
	width:465px;
	height:87px;
	z-index:1;
	background-color: #FFFFFF;
}
-->
</style>
</head>
<body>
<P></P>
<div>
<a href="javascript:window.location.href='Untitled Document.htm'+'?scrollpos='+document.documentElement.scrollTop+'x'+document.documentElement.scrollLeft+'x'"> CLICK DESSUS </a>
</div>
 <script type='text/javascript'>
try {
    var posStr=location.href.split("scrollpos=")[1].split("x")
    var x=parseInt(posStr[0]);
    var y=parseInt(posStr[1]);
    alert(x + "," + y);
    document.body.scrollTop=x+"px";
    document.body.scrollLeft=y+"px";
    window.scrollTo(y,x);
} catch (ex) {}
</script>
</body>
</html>

22/08/2006, 16h15
Greggggggg

Trop bien ca marche !!!
Merci faut que je te paie un verre Fremy ^^
22/08/2006, 16h51
Greggggggg
Dernière question :

j'ai un div qui a un scroll créé en css :
Code:

1 2 3 4 5 6 div { width: 800px; height: 200px; overflow:auto; }
est-il possible de faire la même chose sur cette partie de div?
22/08/2006, 17h16
FremyCompany

Normalement oui
22/08/2006, 17h30
Greggggggg
Code:

1 2 <div name="nomdiv"></div>
Pour avoir la position de ce scroll je fais un document.nomdiv.scrollTop?

Et apres je le positionne lors du raffraichissement avec document.getElementById("nomdiv").scrollTo ?