Discussion :

[yakou32]

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 !

[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

[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...

[gwyohm]

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 :

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

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...

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

[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 ?

[gwyohm]

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