Ajax-autocompleter feedback complet

Version imprimable

17/03/2009, 18h36
yakou32

Ajax-autocompleter feedback complet

Bonjour !

J'espère que vous allez pouvoir m'aider...

J'ai employé l'ajax autocompleter de scriptaculous, qui fonctionne sans problème.
Mon objectif est d'orienter l'utilisateur vers une modification d'une donnée existante, ou la création d'un nouvel enregistrement.

Pour ce faire, j'aurais besoin de savoir si la valeur de l'input a été renseignée par le script d'autocomplétion (une valeur existante), ou s'il s'agit d'une nouvelle valeur.
J'espérais pouvoir tirer parti de la valeur complète retournée par Ajax : si c'est du <ul></ul>, c'est que c'est du nouveau, si c'est du <ul><li>valeur</li>...</ul>, c'est que c'est de l'existant...

Mais je ne sais pas trop comment récupérer la valeur originale transmise par Ajax...
Je n'ai qu'une valeur d'élément sélectionné grâce à un script afterUpdateElement, alors que justement, il n'y a pas d'update dans le cas d'un nouvel élément...

Comment faire ?

Merci beaucoup !
17/03/2009, 19h03
gwyohm

En fait le afterUpdateElement ne sera éxécuté que si l'utilisateur choisi une valeur existante ... non ? Peut-être que tu peux jouer là dessus
18/03/2009, 10h02
yakou32

Merci pour ta réponse...

Et oui,
Mais si l'utilisateur n'effectue pas de sélection, aucun script n'est exécuté (ou exécutable semble t-il).
Et j'aimerais bien trouver comment savoir que l'utilisateur n'a pas fait de sélection...

Citation:

Envoyé par yakou32

Et oui,
Mais si l'utilisateur n'effectue pas de sélection, aucun script n'est exécuté (ou exécutable semble t-il).
Et j'aimerais bien trouver comment savoir que l'utilisateur n'a pas fait de sélection...

Avec un truc du genre :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <input type="text" name="recherche" id="recherche"/> <input type="text" name="recherche_existingItem" id="recherche_existingItem" value="false"/> <div id="resultat"> </div> <script type="text/javascript"> new Ajax.Autocompleter("recherche", "resultat", url, { afterUpdateElement:function(field, selection){ $(field.identify() + "_existingItem").value = "true" } }); $("recherche").observe("keyup", function(e) { $(this.identify() + "_existingItem").value="false"; }.bindAsEventListener($("recherche"))); </script>
tu peux savoir si l'utilisateur n'a pas fait de sélection, mais tu ne peux pas savoir si il a exactement tapé un élément de la liste...

18/03/2009, 21h19
yakou32

Merci beaucoup pour ta réponse.
Si j'arrive à faire fonctionner ton script, il devrait répondre exactement à mon problème.
Je vais me pencher de près dessus, mais il semble que ton niveau de JavaScript dépasse de très loin le mien ; tu utilises des 'formulations' que je ne connais pas trop, donc il va falloir que je m'accroche pour comprendre...
Je te tiens au courant...
Merci encore !
19/03/2009, 13h00
yakou32

Ok, merci beaucoup, ça marche nickel !

Juste un tout petit détail : si l'on sélectionne l'item avec la touche entrée, on repasse en false...
Serait-il possible d'observer le keyup des touches à l'exclusion de la touche entrée ?

OK,
j'ai rajouté quelques lignes :

Code:

1
2
3
4
5
if (window.event) keycode = window.event.keyCode;
		else if (e) keycode = e.which;
		if (keycode!=13) {
			$(field.identify() + "_existingItem").value = "true";
			}

Et là, c'est tip top !
Merci à toi !!!

19/03/2009, 14h21
gwyohm

Citation:

Envoyé par yakou32

Je vais me pencher de près dessus, mais il semble que ton niveau de JavaScript dépasse de très loin le mien ; tu utilises des 'formulations' que je ne connais pas trop, donc il va falloir que je m'accroche pour comprendre...

Attention, c'est plus probablement mon niveau de "prototype" qui dépasse le tien. Tu utilises probablement ce framework par "obligation" vis à vis de scriptaculous. Je pense personnellement que l'utilisation de scriptaculous et de prototype nécessite une période minimum d'apprentissage et de la rentabilité : Ce framework est lourd à charger ; Si tu décides de l'utiliser, utilise le jusqu'au bout. Ton code "perso" sera plus léger, plus facilement crossbrowser. Pour celà, il n'y a pas 50 façons, va voir la doc et regarde les API...
Bon courage