Discussion :

[XDev1]

Bonjour à tous,
Je dois afficher une très grande liste de mots (plus de 400 000 !).
Puisqu'il n'est pas possible de la charger en une fois dans un élément html <SELECT>, je souhaite le faire en fonction de la position des mots visibles. Par exemple, initialement, je chargerai les 100 premiers mots. Si l'utilisateur fait défiler la liste jusqu'à afficher ceux dont l'indice est >75, je lancerai le chargement des 50 suivants en supprimant les 50 premiers.
En fait, il s'agit de déplacer un curseur. Ce comportement consiste en un chargement paresseux !
Est-ce-que le problème est bien posé ?

Merci de votre aide

[mathieu]

peut-être que ça serait plus facile pour les utilisateurs si vous mettez un système d'autocomplétion ?
https://jqueryui.com/autocomplete/

[SpaceFrog]

En principe c'est un comportement par défaut du select, il affiche les mots commençant par lors de la frappe ...

[XDev1]

@mathieu
Oui, c'est une bonne idée.
Je commence par afficher les 100 premiers et je filtre avec une zone de texte.
@SpaceFrog
Désolé, je ne comprend pas.

EDIT: Les mots sont obtenus par une extraction SQL (SQLite)

[SpaceFrog]

http://jsfiddle.net/L36y1r9e/5/

donne le focus au select et tapes un nom de pays ...

[edit] tri ajouté ...

[XDev1]

@SpaceFrog
Merci, je ne connaissais pas.
Toutefois, je n'utilise pas JQuery!

[Invité]

1-

...Toutefois, je n'utilise pas JQuery!

Peu importe !

SpaceFrog utilise jQuery uniquement pour l'affichage des options (au lieu de se les cogner à la main dans le <select> ).
Au final, le code HTML est le même.

Et le comportement aussi !

N.B. A noter que la vitesse de frappe compte !
ex. : en tapant L-I-E :

• relativement rapidement, on obtient bien "Liechtenstein"
• en espaçant plus chaque lettre, on obtient "Laos" - "Iceland" - "Ecuador" !

2-

...Je dois afficher une très grande liste de mots (plus de 400 000 !)....

PERSONNE ne va faire défiler 400 000 mots dans une liste déroulante !
PERSONNE !

Il faut absolument t'intéresser à :

• l'auto-complétion (dans un <input>, on tape le début d'un mot : on affiche les choix possibles au fur et à mesure)
• et tant qu'à faire, à Ajax (avec ou sans jQuery) (pour aller chercher en Bdd les mots qui correspondent à la chaine tapées dans l'<input>)

N.B. petite remarque sur le lien donné par mathieu (jQuery Autocomplete)
Il faut lister TOUS les choix possibles dans une variable JavaScript availableTags = [...].
J'imagine mal lister 400 000 mots (au chargement de la page)...

Par contre, via Ajax, à chaque lettre ajoutée (onkeyup, par ex.), on peut faire appel via Ajax à la Bdd, pour faire une requête SQL des "mots commençants par..." (ou des "mots contenants...").

[XDev1]

@jreaux62
Très bien, merci.

[NoSmoking]

Bonjour,

N.B. petite remarque sur le lien donné par mathieu (jQuery Autocomplete)
Ils faut lister TOUS les choix possibles dans une variable JavaScript availableTags = [...].

ce plugin utilise également Ajax, il suffit de lui demander gentiment
• Autocomplete Remote data source par exemple

Mais je te rejoins sur les 400 000 références, c'est un truc de ouf ou une erreur de frappe !