Forum |  HardWare.fr | News | Articles | PC | Prix | S'identifier | S'inscrire | Shop Recherche
1649 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Comment afficher tous les éléments d'une drowndown list ?

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Comment afficher tous les éléments d'une drowndown list ?

n°2374595
bluemanca
Posté le 27-01-2021 à 16:42:11  profilanswer
 

Bonjour à tous.
 
J'ai un tag SELECT avec une trentaine d'options dedans.
 
Comment faire pour que lorsqu'on clique sur la dropdown list, tous les éléments soient affichés sans scrollbar verticale à droite, pour permettre une sélection rapide ?
 
Merci.

mood
Publicité
Posté le 27-01-2021 à 16:42:11  profilanswer
 

n°2374631
itela
Posté le 28-01-2021 à 08:16:05  profilanswer
 

Bonjour,
 
Par exemple avec du javascript et les évènements click (size =30) et blur (size=1)

n°2374642
mechkurt
Posté le 28-01-2021 à 10:14:33  profilanswer
 

Pas évident ça touche à l'UI du navigateur et on ne peut souvent pas faire grand chose (pense a la visualisation d'un select sur un smartphone ou un device pour handicapé).
Un <select multiple>  peut être ?
A coupler avec du javascript pour vérifier qu'une seul option est "selected"...
 
Sinon y'a l'option lourde de faire ou d'utiliser un framework genre jquery UI pour transformer un select en <ul> & <li>.


---------------
D3
n°2374699
itela
Posté le 28-01-2021 à 21:06:23  profilanswer
 

mechkurt a écrit :

Pas évident ça touche à l'UI du navigateur et on ne peut souvent pas faire grand chose (pense a la visualisation d'un select sur un smartphone ou un device pour handicapé).
Un <select multiple>  peut être ?
A coupler avec du javascript pour vérifier qu'une seul option est "selected"...
 
Sinon y'a l'option lourde de faire ou d'utiliser un framework genre jquery UI pour transformer un select en <ul> & <li>.


Un select multiple ne va pas faire disparaître l'ascenseur mais pour ne pas toucher à l'UI, un <datalist> ferait "plus propre"

n°2374715
mechkurt
Posté le 29-01-2021 à 09:28:38  profilanswer
 

Tu peux utiliser l'attribut size="{nombre d'options}" pour qu'il n'y ai pas d'ascenseur à droite (mais il restera une barre grise), mais je suis daccord ça reste de la bidouille...


---------------
D3
n°2374794
rufo
Pas me confondre avec Lycos!
Posté le 31-01-2021 à 11:27:30  profilanswer
 

A mon sens, la question est surtout : pourquoi vouloir afficher toutes les options d'un coup ? Ca répond à quel besoin fonctionnel (quelle problématique) ? Pourquoi c'est un pb de devoir scroller pour voir toutes les options ?
En effet, ce qui pourrait marcher sur PC ne sera peut-être pas du tout approprié sur smartphone ou d'autres contextes d'utilisation. Et le jour où le nb d'options va dépasser 30 et être à 50, voire 100 ?


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Cantine Calandreta : http://sourceforge.net/projects/canteen-calandreta

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Comment afficher tous les éléments d'une drowndown list ?

 

Sujets relatifs
Map RER A, afficher informations au clicAfficher un bouton "envoyer" après validation reCAPTCHA
Ajouter bouton Afficher Plus / Voir Plus AutomatiquementAfficher plusieurs webcams du monde entier sur un ecran
Comment afficher une image provenant d'un formulaire type "radio"Probleme list -> apprentissage PHP
Afficher l'arborescence des dossiersTrier les éléments d'une liste afin de maximiser l'espacement de deux occurrence
mousover java sur plusieurs éléments en même temps[Wordpress] Afficher un contenu différent suivant des adresses IP
Plus de sujets relatifs à : Comment afficher tous les éléments d'une drowndown list ?


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR