Suggestion de tags façon Del.icio.us
Pas de Japon cette fois, mais un petit essai de développement d’interface web, une tentative pour créer un champ de saisie de tags “dynamique”, un peu comme dans le plugin Del.icio.us pour Firefox, ou la sugestion du destinataire d’un mail dans Gmail : saisissez des tags, espacés d’une virgule, et au fur et à mesure de votre saisie les entrées déja existantes dans la base seront proposées. Vous pouvez cliquer sur la suggestion, ou les faire défiler avec les flêches du clavier (valider avec “Entrée”).
Javascript (et la librairie Prototype, histoire d’aller plus vite pour AJAX ou plutôt AXAH, pour les amateurs d’acronymes ténébreux) et un peu de PHP pour aller chercher les mots-clefs dans la base de données. Je pourrais surement faire plus léger, il y a encore pas mal de récursion - d’ailleurs utiliser Prototype juste pour ça c’est peut-être un peu du gaspillage, mais c’est un de mes premiers scripts 100% maison, soyez indulgents !
C’est testé sous IE6 et Firefox 1.5 Windows : si vous avez d’autres navigateurs et/ou d’autres versions, feedbacks bienvenus !
Si ça intéresse quelqu’un je ferai un pack pour télécharger le tout quand ca sera un peu plus propre - quoique hormis la partie PHP , qui n’est pas bien lourde, tout est déja dans la page…).
15 février 2007 à 3:39
Testé sous IE7 et Flock 0.7 le tout sous windows XP, ça passe sans problème.
Ca manque un peu de vélocité (en comparaison notamment avec celui de gmail qui répond vraiment instantanément)…
Mais, ça n’existait pas déjà ?
Dans google sur les mots clés “auto complete field ajax” ça retourne un certain nombre de résultats (mais oui, je sais, moi aussi souvent j’aime bien refaire les choses à ma manière)…
15 février 2007 à 3:54
Sisisi ca existe bien sur deja
, mais je voulais effectivement essayer de faire ca a ma sauce …et de faire ca avec des entrees multiples, facon tag, separees par des virgules (ce que je n’ai en revanche pas trouve, mais j’ai surement mal cherche).
Et aussi de me familiariser avec prototype, qu’on utilise vraiment beaucoup a mon boulot.
La lenteur vient surement du fait qu’au lieu de balancer la requete quand on leve le doit d’une touche (pas super pratique je trouve), j’ai un observer qui regarde a chaque seconde si la valeur de l’input a ete modifiee…
Je vais essayer de faire une autre version, plus legere et plus generique.
15 février 2007 à 16:00
Bien sympa comme outil, c’est un truc qui pourrai etre assez pratique en effet, je vais voir si on l’installe et je te tiens au jus. Merci en tout cas.