Programmation  » JavaScript - Autosuggest Textbox
Catégorie :  
Lien direct vers ce message Editer  Citer  Ajouter ce message en quote multiple  Supprimer
JavaScript - Autosuggest Textbox
Publié le 23/05/2006 @ 11:21:17,
Par Gerald
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)

Dernière édition: 23/05/2006 @ 11:41:43
Lien direct vers ce message Editer  Citer  Ajouter ce message en quote multiple  Supprimer
JavaScript - Autosuggest Textbox
Publié le 23/05/2006 @ 11:43:30,
Par ovh
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:

Dernière édition: 23/05/2006 @ 11:43:52
Je n'ai rien à voir avec www.ovh.com
Lien direct vers ce message Editer  Citer  Ajouter ce message en quote multiple  Supprimer
JavaScript - Autosuggest Textbox
Publié le 23/05/2006 @ 11:45:20,
Par Gerald
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.
Lien direct vers ce message Editer  Citer  Ajouter ce message en quote multiple  Supprimer
JavaScript - Autosuggest Textbox
Publié le 23/05/2006 @ 11:50:39,
Par ovh
Lien direct vers ce message Editer  Citer  Ajouter ce message en quote multiple  Supprimer
JavaScript - Autosuggest Textbox
Publié le 23/05/2006 @ 11:59:22,
Par Gerald
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:
Lien direct vers ce message Editer  Citer  Ajouter ce message en quote multiple  Supprimer
JavaScript - Autosuggest Textbox
Publié le 23/05/2006 @ 12:01:32,
Par Tokiros
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
Lien direct vers ce message Editer  Citer  Ajouter ce message en quote multiple  Supprimer
JavaScript - Autosuggest Textbox
Publié le 23/05/2006 @ 13:09:08,
Par Gerald
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?
Lien direct vers ce message Editer  Citer  Ajouter ce message en quote multiple  Supprimer
JavaScript - Autosuggest Textbox
Publié le 23/05/2006 @ 14:41:04,
Par zion
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.
Je suis le Roy :ocube:
Lien direct vers ce message Editer  Citer  Ajouter ce message en quote multiple  Supprimer
JavaScript - Autosuggest Textbox
Publié le 23/05/2006 @ 14:55:48,
Par Gerald
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:
Lien direct vers ce message Editer  Citer  Ajouter ce message en quote multiple  Supprimer
JavaScript - Autosuggest Textbox
Publié le 23/05/2006 @ 14:58:30,
Par zion
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).
Je suis le Roy :ocube:
Lien direct vers ce message Editer  Citer  Ajouter ce message en quote multiple  Supprimer
JavaScript - Autosuggest Textbox
Publié le 15/11/2006 @ 15:36:15,
Par philfr
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
Lien direct vers ce message Editer  Citer  Ajouter ce message en quote multiple  Supprimer
JavaScript - Autosuggest Textbox
Publié le 15/11/2006 @ 15:44:47,
Par pipo
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:
./Make sex | ( . ) ( . ) | Je n'ai rien à voir avec Zion l'informaticien gay
Lien direct vers ce message Editer  Citer  Ajouter ce message en quote multiple  Supprimer
JavaScript - Autosuggest Textbox
Publié le 15/11/2006 @ 16:01:06,
Par ovh
pipo> on peut voir ? :dawa:
Je n'ai rien à voir avec www.ovh.com
Lien direct vers ce message Editer  Citer  Ajouter ce message en quote multiple  Supprimer
JavaScript - Autosuggest Textbox
Publié le 15/11/2006 @ 16:08:03,
Par zion
philfr> Bien sûr que ca m'intéresse :petrus:
Je suis le Roy :ocube:
Lien direct vers ce message Editer  Citer  Ajouter ce message en quote multiple  Supprimer
JavaScript - Autosuggest Textbox
Publié le 15/11/2006 @ 16:29:13,
Par philfr
Je fais comment (enfin dès que j'aurai le temps :grin: ) ?
Un nouveau topic forum programmation ?
Lien direct vers ce message Editer  Citer  Ajouter ce message en quote multiple  Supprimer
JavaScript - Autosuggest Textbox
Publié le 15/11/2006 @ 16:31:01,
Par zion
Un privé :petrus:
Je suis le Roy :ocube:
Lien direct vers ce message Editer  Citer  Ajouter ce message en quote multiple  Supprimer
JavaScript - Autosuggest Textbox
Publié le 15/11/2006 @ 19:02:29,
Par gizmo
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:
Concept vivant.
Lien direct vers ce message Editer  Citer  Ajouter ce message en quote multiple  Supprimer
JavaScript - Autosuggest Textbox
Publié le 15/11/2006 @ 23:25:49,
Par cauet
Ca à l'air chouette dojo!
Je vais tester ça :smile:
Lien direct vers ce message Editer  Citer  Ajouter ce message en quote multiple  Supprimer
JavaScript - Autosuggest Textbox
Publié le 16/11/2006 @ 05:31:00,
Par dede
cauet > C'est dans tes capacités intellectuelles ?
Lien direct vers ce message Editer  Citer  Ajouter ce message en quote multiple  Supprimer
JavaScript - Autosuggest Textbox
Publié le 16/11/2006 @ 08:27:42,
Par Gerald
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...

Répondre  - Catégorie :  
Informaticien.be  - © 2002-2019 Akretio SPRL  - Generated via Kelare - Hosted by Verixi Internet Services
The Akretio Network: Akretio  - Freedelity  - KelCommerce  - Votre publicité sur informaticien.be ?