Discussion :

[lolymeupy]

Bonjour,
j'aimerais savoir comment faire remonter la scrollbar tout en haut...
En fait, j'utilise une fonction d'affichage de message d'erreur en javascript dans un formulaire, et j'utilise un ".focus" pour ramener l'utilisateur sur le champ erroné, et le problème c'est que le message d'erreur est juste au dessus du champ à remplir, et forcément le haut de l'ecran est ramené juste au niveau du champ, et donc le message d'erreur n'est pas visible

Bon, désolé, j'ai du mal à exposé + clairement mon problème, mais en gros je voudrais savoir comment , à la suite d'une condition par exemple, faire remonter la scrollbar de la page tout en haut...
Merci d'avance

[marts]

Code :

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

1
2
 
window.scrollTo(x,y);

[SpaceFrog]

Code :

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

document.bodyElement.scrollTop='0px'

[lolymeupy]

Ok, merci beaucoup Marts et Spacefrog.
(comme je sais pas laquelle de vos deux fonctions est la meilleure je vais testé avec les 2)

[lolymeupy]

Bon, je viens de tester avec les deux methodes, et ça marche bien pour faire remonter la scrollbar tout en haut.
Par contre, ça me crée un bug

voici un bout de code "explicite" de mon script .js :

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
 
...
if(thisForm.lieu_evt.value == '')
    {
         document.getElementById("lbl_msg_lieu").style.display = "inline";
         thisForm.lieu_evt.focus();
         retour=retour+1;
    }
 
if(thisForm.descriptif_evt.value == '')
    {
    	 document.getElementById("lbl_msg_descriptif").style.display = "inline";
    	 window.scrollTo(x,y);
         //document.bodyElement.scrollTop='0px';
         retour=retour+1;
    }
...

le problème c'est que pour le champ lieu ( avec le focus), mon message d'erreur au dessus du champ apparait bien avec le "style.display = "inline";

Par contre, pour le champ descriptif, le message d'erreur apparait puis disparait au moment de remonter la scrollbar !

J'ai essayé aussi bien avec "window.scrollTo(x,y);" qu'avec "document.bodyElement.scrollTop='0px';" et les 2 font disparaitre mon message d'erreur...

Si quelqu'un a une idée du pourquoi...
(je précise que mettre les fonctions pour la scrollbar avant le
... display="inline" du message d'erreur ne change rien)

[SpaceFrog]

Le code m'a l'air correct ...

tu as un message d'erreur ?

[lolymeupy]

Non, aucun message d'erreur...
On voit "visuellement" qu'après le click sur "submit" du formulaire, il y'a un premier "a-coup" (où il se charge du display du message d'erreur) puis un second "a-coup" où il remonte la scrollbar (et le message d'erreur disparait) ?!

Et effectivement, le code que tu m'as donné est bon car la scrollbar remonte bien tout en haut, mais il doit y avoir une sorte "d'incompatibilité" entre le display et la fonction de la scrollbar car je viens de me rendre compte que ca fait disparaitre tous les messages d'erreur de mon formulaire, y compris ceux comme le champ "lieu"...?!