Garder la position du scroll après validation

**wwwbillgates** · 07/05/2010, 12h32

Bonjour bonjour, alors j'aimerais pouvoir cliquer sur mon bouton valider ou supprimé qui sont présent dans un form de type "post" sans qu'au rechargement de ma page le scroll vertical retourne tout en haut ?

Alors j'ai pus trouver pas mal de choses sur le net dont le "return false;" qui a lair de bien fonctionner mais qui apparament ne s'adapte qu'au onclick et moi jai pas ca sur mon bouton rollover

Code :

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

1
2
3
4
5
6
 
<form method="post" action="#">
<input type="image" class="supprimer" src="../../interface/bt_supprimerphoto.gif" onmouseover="this.src='../../interface/bt_supprimerphoto_push.gif'" onmouseout="this.src='../../interface/bt_supprimerphoto.gif'" />
<input type="hidden" name="supprimer_photo" value="photo_1" />
</div>
</form>

**SpaceFrog** · 07/05/2010, 12h35

rajoute un input type="hidden" dans lequel sur le onscroll du document tu mets las valeur du scrollTop
Il ne te restera plus qu'à passer le post reçu en php à javascript pour réattribuer cette valeur de scrollTop sur le onload du document ...

**wwwbillgates** · 07/05/2010, 13h39

mmmmh jai presque un ptit peu compris le principe mais comme je suis très débutant limite zéro alors c'est trèèès flou

yaurait t'il pas un ptit exemple que je pourrais ensuite adapter à ma situation ?

**dstephpr** · 08/05/2010, 23h23

Bonjour,
Je trouve la solution très intéressante mais assez flou aussi.
Pour le PHP pas de problème, mais pour javascript je manque de connaissance.
Comment récupérer les valeurs scroll et les restituer ?
Merci pour votre aide.

**dstephpr** · 08/05/2010, 23h50

J'ai trouvé ceci :
http://adornstetter.free.fr/jQueryTu...le.php?I-4-4-1
Qui peux apporter sa pierre à l'édifice ?

**SpaceFrog** · 09/05/2010, 10h48

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
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nouvelle page 1</title>
<script type='text/javascript'>
function whizzzz(){
foo=document.getElementById('scrollValue');
bar=parseInt(document.body.scrollTop)
foo.value=bar
foo.style.top=50+bar+"px"
}
</script>
</head>
<body onscroll="whizzzz()">
<input type="text" value="" id="scrollValue" style="position:absolute;top:50px;" />
<script type="text/javascript">
var i=0
while(++i<100){
document.body.appendChild(document.createElement('br'))
}
</script>
</body>
 
</html>

Garder la position du scroll après validation

JavaScript

Vue hybride

Discussions similaires

Partager

Partager