Autocompletion & Form Submit

Hello :)

J'ai suivi ce petit tutoriel :

http://dcabasson.developpez.com/arti...ion-pas-a-pas/

Pour arriver au final à ce code-ci :

http://dcabasson.developpez.com/arti...plete-3-2.html

Seulement voilà, j'ai voulu faire une petite modification qui à priori me semblait simple : quand on sélectionne une proposition avec les flèches haut/bas, puis qu'on fait "enter" pour l'insérer dans l'input text, le formulaire est automatiquement envoyé (le javascript du action s'exécute)... et je voulais que le formulaire ne soit pas envoyé ! Juste que le texte sélectionné se mette dans le input !

Hé bien rien à faire, j'ai même placé une fonction du type :

Code:

---

1 2 3 4

var sub = function(event){ if(event.keyCode == 13) event.stop(); }

---

... dans le onsubmit :

Code:

---

onsubmit="sub(event);"

---

... rien à faire, le formulaire s'envoie toujours à l'appui du "enter"...

Quelqu'un aurait-il une idée pour empêcher cela ? Ca me serait bien utile :)

Merci !

pas compris; sous IE par exemple, ton form n'est pas soumis :?

Bonjour,
il te faut retourner false dans la fonction de test et en tenir compte sur le onsubmit

Code:

---

1 2 3 4 5 6

var sub = function(event){ if( event.keyCode == 13){ return false; } return true; }

---

avec

Code:

---

onsubmit="return sub(event);"

---

mais j'ai du mal à voir ce que tu veux faire avec ce code :koi:

@javatwister, je testais sous FF, en effet.

@NoSmoking : Merci pour la correction !

Le problème était que quand je sélectionnais une suggestion avec les fleches haut/bas, puis que j'appuyais sur enter pour la confirmer, le formulaire était envoyé... or dans mon futur scénario il doit y avoir d'autres champs à remplir après celui-là :)

De toute façon je pense que je vais tenter scriptaculous qui m'a l'air pas mal pour les Autocompleter, peut-être aurais-je d'autres questions à ce sujet ;)

Merci beaucoup !

Citation:

---

Envoyé par g.randaxhe

De toute façon je pense que je vais tenter scriptaculous qui m'a l'air pas mal pour les Autocompleter, peut-être aurais-je d'autres questions à ce sujet ;)

---

Personnellement, je te conseillerais plutôt de t'orienter vers jQuery et jQuery UI qui dispose d'un plugin natif d'autocompletion assez performant.
Je n'ai rien contre scipt.aculo.us (d'ailleurs, je l'utilise régulièrement), mais le projet Prototype / script.aculo.us est assez stagnant alors que jQuery est beaucoup plus dynamique.

@Bovino : Ok, au point où j'en suis à traîner pour faire un script d'autocompletion, je vais tenter jQuery ;)

Peut-être que je pousse la demande d'aide un peu loin mais... je n'arrive pas à trouver une demo de code avec jQuery qui va me chercher des données en AJAX (le PHP je connais :p) et a un design ni trop moche ni trop farfelu (style FB)... quelqu'un aurait ça en stock ? :) Sinon je continuerai ma quête seul :)

Merci !