Sujet: JavaScript - Autosuggest Textbox
23/05/2006 @ 11:21:17: Gerald: JavaScript - Autosuggest Textbox
Slt tt le monde,

Alors voilà, j'ai un gros problème! Ca m'arrangerait bien si vous aviez déjà été confronté à ce problème.

Sur la page web, vu le grand nombre de données à mettre dans une dropdown list (a peu près 33000 records.), il a été décidé de faire une dropdown avec suggestion.
(i.e. vous tapez le début du mot, une liste se crée avec les mots se rapprochant, cf. google suggest en qques sortes)

Seulement voilà ce que j'ai trouvé:
http://www.webreference.com/programming/javascript/ncz/column2/

C'est pas mal, mais ça ne réponds qu'à moitié à ce que je cherche car l'intérêt de la dropdown est d'avoir des valeurs et des clés (les clés étant non visibles).
Dans le cas de l'example, il s'agit d'un array.

QQun connait, ou possède, du code, un site, etc qui pourrait m'éclairer un peu plus?
Ou meme m'expliquer un peu plus le fonctionnement de l'array en javascript, style il peut devenir un array a 2 colonnes, dont je récupérerais la colonne-clé associée à la colonne-valeur.

Merci d'avance.

Gérald


EDIT: Plus simplement dit :oh: : Ce devrait être/ressembler à un <select ...> <options...> dans lequel on peut également écrire le début du mot (au lieu du select normal qui pointe vers le premier mot correspond pour chaque lettre tapée, séparemment)
23/05/2006 @ 11:43:30: ovh: JavaScript - Autosuggest Textbox
C'est un type de combobox classique en GUI mais en web je ne sais pas si c'est possible :figti:
Quoiqu'aujourd'hui avec l'ajax et tout ça, y a sûrement moyen mais je ne sais pas comment :joce:
23/05/2006 @ 11:45:20: Gerald: JavaScript - Autosuggest Textbox
oui oui exactement, voilà :grin: (heureusement que je fais un edit qui n'est pas plus clair, finalement)

J'essaye une première solution (AJAX toussa), mais je n'ai pas exactement ce qu'il me faudrait.
23/05/2006 @ 11:50:39: ovh: JavaScript - Autosuggest Textbox
http://dcabasson.developpez.com/articles/javascript/ajax/ajax-autocompletion-pas-a-pas/ :dawa:
23/05/2006 @ 11:59:22: Gerald: JavaScript - Autosuggest Textbox
C'est ce que je fais actuellement :smile:

Le problème est qu'il ne possède pas l'avantage de la vraie dropdown, qui est d'avoir une clé associée à la valeur.

Je pensais à ceci:
Si je construis une liste invisible qui possèderait les clés, et je travaille avec les 2 côte à côte: lorsque je retourne la valeur de la colonne A, je retournerai la valeur de la colonne B (meme index) qui correspondrait à la clé.

C'est réalisable/logique/idiot?

Merci ové by the way :oh:
23/05/2006 @ 12:01:32: Tokiros: JavaScript - Autosuggest Textbox
un truc dans le genre ne peux ps t'aider ?
http://openrico.org/rico/yahoo_search

j'ai jamais testé, mais ca a l'air de faire ce que tu veux
23/05/2006 @ 13:09:08: Gerald: JavaScript - Autosuggest Textbox
Le site est pas mal.

Je vois ceci:
http://openrico.org/rico/livegrid.page

Est-ce que je peux faire apparaitre/disparaitre un grid, formatté pour qu'il ressemble à une liste d'un dropdown, le tout placé en-dessous d'une textbox? Faisable? Tricky?
23/05/2006 @ 14:41:04: zion: JavaScript - Autosuggest Textbox
Tout est quasi faisable, mais euh... le grid je te conseille pas tout de suite, ou alors si tu as vraiment beaucoup de temps. (Et faut que le navigateur applique bien le CSS sur le combo).

La solution qui a été utilisée par certains programmeurs, vu que le Combo en soit est assez limité suivant les navigateurs, c'est de refaire tout le combo par eux même avec un edit et une image et des div à gogo. Alors la, ce sera plus simple le grid.
23/05/2006 @ 14:55:48: Gerald: JavaScript - Autosuggest Textbox
Justement question temps, je suis "un peu" court :ohwell: Donc en avant pour le div
Je sens que mon super we de 4jrs va être un peu saboté :cry:

'fin merci à ts, si jamais vous voyez une autre solution, n'hésitez pas à le dire :smile:
23/05/2006 @ 14:58:30: zion: JavaScript - Autosuggest Textbox
Sinon, y avait qqn qui avait extrait le truc de Google je pense pour le détourner et le distribuer (en se basant sur leur principe donc). Si je me rappele du source, c'est un mix entre un edit classique, un div et du XML-RPC en javascript. (Donc pas de combo).
15/11/2006 @ 15:36:15: philfr: JavaScript - Autosuggest Textbox
Violent déterrage de topic (sans doute obsolète), mais je commence à peine à m'intéresser sérieusement à JavaScript, et je dois dire que je suis de plus en plus sur le cul et que je revois radicalement mes positions sur ce langage... (zion, ça t'intéresse un article ?)

Tout ce qui peut être fait avec Ajax peut évidemment être fait en JavaScript, puisque la partie interface utilisateur d'Ajax _est_ JavaScript.

Gerald, un exemple (tardif) de librairie JS où tu trouveras ce que tu veux est Dojo toolkit

L'exemple comboBox
15/11/2006 @ 15:44:47: pipo: JavaScript - Autosuggest Textbox
Clair, j'étais comme toi avant, mais j'ai -dû- me mettre au JS en codant notre appli de gestion d'entreprise/facturation, sans JS, il fallait passer par trop d'étapes, avec JS, c'est assez user friendly, mais le plus chiant à faire c'est quand même pour que ce soit compatible avec tous les navigateurs actuels :cry:
15/11/2006 @ 16:01:06: ovh: JavaScript - Autosuggest Textbox
pipo> on peut voir ? :dawa:
15/11/2006 @ 16:08:03: zion: JavaScript - Autosuggest Textbox
philfr> Bien sûr que ca m'intéresse :petrus:
15/11/2006 @ 16:29:13: philfr: JavaScript - Autosuggest Textbox
Je fais comment (enfin dès que j'aurai le temps :grin: ) ?
Un nouveau topic forum programmation ?
15/11/2006 @ 16:31:01: zion: JavaScript - Autosuggest Textbox
Un privé :petrus:
15/11/2006 @ 19:02:29: gizmo: JavaScript - Autosuggest Textbox
Mais depuis le temps que je dis que le JS c'est bien :oh: C'est un language fonctinnel, inspiré de Scheme, ca ne peut donc être que bien. :oh:
En plus, la prochaine version sera inspirée de OCaML :love:
15/11/2006 @ 23:25:49: cauet: JavaScript - Autosuggest Textbox
Ca à l'air chouette dojo!
Je vais tester ça :smile:
16/11/2006 @ 05:31:00: dede: JavaScript - Autosuggest Textbox
cauet > C'est dans tes capacités intellectuelles ?
16/11/2006 @ 08:27:42: Gerald: JavaScript - Autosuggest Textbox
Violent déterrage de topic (sans doute obsolète), mais je commence à peine à m'intéresser sérieusement à JavaScript, et je dois dire que je suis de plus en plus sur le cul et que je revois radicalement mes positions sur ce langage... (zion, ça t'intéresse un article ?)

Tout ce qui peut être fait avec Ajax peut évidemment être fait en JavaScript, puisque la partie interface utilisateur d'Ajax _est_ JavaScript.

Gerald, un exemple (tardif) de librairie JS où tu trouveras ce que tu veux est Dojo toolkit

L'exemple comboBox



Effectivement il est violent celui-là, j'ai même cru à un nouveau topic! :grin:

Le Dojo toolkit faisait partie de mes références, ils ont de bons trucs, clairement.
Le manque de "liberté" ici, a fait que j'ai dû développer mon combobox à moaaa :sol: mais il est pas aussi fini que celui de Dojo :oh: .

Comme tu le dis, tout développement en Ajax peut l'être avec JavaScript, et le résultat est assez bluffant. Allez voir la nouvelle interface de Yahoo Mail!!

La seule chose que je regrette avec IE (en standard ici), c'est le manque d'information avec leur console JS lors d'un problème. De même avec WSAD, il n'y a pas de verification du JS, et ça provoque quelques frustrations par moment...

Retour