Scrollbar bottom php/javascript ?

Bonjour à tous,

J'ai un formulaire php qui renvoie un messagd d'erreur en cas de problème, j'aimerai savoir comment faire en sorte que le scrollbar soit situé sur le message (C'est à dire tout en bas) J'ai essayé de faire du javascript avec du code trouvé sur des forums mais ça ne marche pas.

Pour information il faut juste que je me situe sur le div à l'id error, voila merci d'avance

Tu as essayé avec une ancre ?
:arrow: Bases du HTML : Les ancres

J'y ai pensé, mais il me semble que l'ancre fonctionne lorsque la personne a une action (Click). Le message d'erreur s'affiche à la suite d'un POST (php), la page se recharge, et j'aimerai que l'utilisateur tombe directement dessus. C'est possible ?

Celira t'a bien indiqué la solution si tu ne souhaites pas passer par du javascript : mettre une ancre.
Dans ton cas, il s'agit en fait d'une ancre interne qui te permettra de faire naviguer ton utilisateur au sein d'une même page.
Je te laisse lire le tuto de Celira pour plus d'explications ;)

As tu essayé cela en javascript :

Code:

---

1 2	elmt = document.getElementById("element_scrollbar"); elmt.scrollTop = elmt.scrollHeight;

---

Ca devrait fixer la scrollbar en bas de page.

Il y a plus simple avec JavaScript...

Code:

---

document.getElementById("element_scrollbar").scrollIntoView();

---

Ceci dit, la meilleure solution reste malgré tout d'utiliser une ancre, puisque c'est fait pour !

Je n'y arrive définitivement pas...
Il faudrait que le scrollBar soit tout en bas de la page.
Et l'ancre oui se serait un solution mais cela necessite un click sur un lien de la part du visiteur non ?

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

$sql = "SELECT COUNT(*) as exist FROM bilan WHERE annee_bilan='".$_POST['annee']."' AND id_bilan='".$id."'"; $req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error()); $data = mysql_fetch_assoc($req); $exist = $data['exist'];   if ($exist > 0) { print ("<script language = \"JavaScript\">"); print ("alert('Opération réussie, id du bilan : $id.');"); print ("location.href = 'AjouterBC.php';"); print ("</script>"); } else { echo "<div id='error'> L'opération à échouée </div>"; print ("<script language = \"JavaScript\">"); print ("document.getElementById('error').scrollIntoView()"); print ("elmt.scrollTop = elmt.scrollHeight"); print ("</script>"); }

---

Il faut encapsuler une liste d'éléments est utiliser les méthodes précédentes sur la div englobant le tout :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

<div id="liste"> <p>a</p></br> <p>b</p></br> <p>c</p></br> ... </div>   <script> elmt = document.getElementById("liste"); elmt.scrollTop = elmt.scrollHeight; </script>

---

Code:

---

1 2 3 4 5 6

echo "<div id=\"error\"> Un bilan avec l'application ".$_POST['sous_appli']." en ".$_POST['annee']." existe déjà </div>"; print ("<script language = \"JavaScript\">"); print ("elmt = document.getElementById(\"error\")"); print ("elmt.scrollTop= elmt.scrollHeight"); print ("</script>");

---

Un code pour descendre la scrollbar tout en bas suffirait :/

J'ai finalement essayé la méthode de Bovino, et elle fonctionne !

Voila mon code (cela peut toujours aider)

Code:

---

1 2 3 4 5

echo "<div id=\"error\"> Un bilan avec l'application ".$_POST['sous_appli']." en ".$_POST['annee']." existe déjà </div>"; print ("<script language = \"JavaScript\">"); print ("document.getElementById(\"error\").scrollIntoView();"); print ("</script>");

---

Merci à tous ! :ccool:
Bonne journée ;)