Discussion :

[g.randaxhe]

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 :

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

1
2
3
4
var sub = function(event){
  if(event.keyCode == 13)
    event.stop();
}

... dans le onsubmit :

Code :

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

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 !

[javatwister]

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

[NoSmoking]

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

Code :

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

1
2
3
4
5
6
var sub = function(event){
  if( event.keyCode == 13){
    return false;
  }
  return true;
}

avec

Code :

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

onsubmit="return sub(event);"

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

[g.randaxhe]

@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 !

[Bovino]

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.

[g.randaxhe]

@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 !