IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Customisation d'un champ select


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé Avatar de alain78
    Homme Profil pro
    retraité
    Inscrit en
    Mai 2008
    Messages
    160
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 72
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : retraité
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Mai 2008
    Messages : 160
    Par défaut Customisation d'un champ select
    Bonjour,

    Petit souci et je n'ai pas trouvé de réponse. J'ai bien une solution mais c'est du 'bricolage' qui ne me satisfait pas.

    Alors voilà.

    Dans une fenêtre j'ai un champ select qui affiche une liste d'éléments. L'utilisateur doit choisir UN et UN seul élément.
    J'ai customisé ce champ via une classe et je lui donne une hauteur et une largeur en pourcentage du contenant.

    Or par défaut il ne s'affiche qu'un seul élément. Bien sur je pourrai préciser un nombre d'élément à afficher (size=x) mais dans ce cas la hauteur du champ sélect sera très variable en fonction de la résolution de l'écran d'affichage.

    J'ai contourné la difficulté car j'ai constaté que si je rajoute l'attribut multiple='multiple' alors la hauteur du select respecte le pourcentage du contenant que je demande et cela fonctionne quelle que soit la résolution de l'écran (j'ai testé).

    Le hic est que l'utilisateur peut sélectionner plusieurs éléments. Ce n'est pas trop grave car seul le dernier élément sélectionné est pris en compte car bien sur mon champ select n'est pas déclaré comme un array. (name='nom' et surtout pas name='nom[]') .

    Mais je ne suis pas satisfait car cela n'est pas très ergonomique pour l'utilisateur.

    Connaissez vous une solution plus 'officielle' ?

    Bonne journée à vous.

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par défaut
    Bonjour,
    pour faire ce que tu veux il existe les INPUT type=radio.

  3. #3
    Membre confirmé Avatar de alain78
    Homme Profil pro
    retraité
    Inscrit en
    Mai 2008
    Messages
    160
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 72
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : retraité
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Mai 2008
    Messages : 160
    Par défaut
    Citation Envoyé par NoSmoking Voir le message
    Bonjour,
    pour faire ce que tu veux il existe les INPUT type=radio.
    PAs dans mon cas car le nombre d'élements du select n'est pas connu à l'avance car il est issue d'une requête avec conditions.

    Merci quand même.

  4. #4
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par défaut
    Citation Envoyé par alain78 Voir le message
    PAs dans mon cas car le nombre d'élements du select n'est pas connu à l'avance car il est issue d'une requête avec conditions
    dans ce cas conserves le SELECT qui au départ à été conçu pour cela, tu peux bien sûr passer par un "customisage" via un plugin.

  5. #5
    Membre confirmé Avatar de alain78
    Homme Profil pro
    retraité
    Inscrit en
    Mai 2008
    Messages
    160
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 72
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : retraité
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Mai 2008
    Messages : 160
    Par défaut
    Citation Envoyé par NoSmoking Voir le message
    dans ce cas conserves le SELECT qui au départ à été conçu pour cela, tu peux bien sûr passer par un "customisage" via un plugin.
    Je ne connais pas cette technique via plugin. De quoi s'agit-il ?
    Je ne peux faire installer de plugins sur le poste client.

    Précision importante : pour des raisons de sécurité et de fonctionnalité offerte dans mon application, je ne veux pas utiliser javascript.

    MErci encore

  6. #6
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par défaut
    Je ne connais pas cette technique via plugin. De quoi s'agit-il ?
    je parlais plugin javascript.

    Précision importante : pour des raisons de sécurité et de fonctionnalité offerte dans mon application, je ne veux pas utiliser javascript.
    ouais bon !!!

    il ne te reste donc plus qu'à laisser le SELECT tel que.

Discussions similaires

  1. Réponses: 10
    Dernier message: 11/03/2006, 01h51
  2. [MySQL] Problème avec un champ selected
    Par Mimisator dans le forum PHP & Base de données
    Réponses: 5
    Dernier message: 03/01/2006, 17h01
  3. remise à zero d'un champ select
    Par Lady_jade dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 07/11/2005, 16h15
  4. [MySQL] Pb d'insertion d'une valeur de champ select dans une Bdd
    Par Mimisator dans le forum PHP & Base de données
    Réponses: 20
    Dernier message: 20/10/2005, 18h51
  5. Personnalisation d'un champ select : modifier la fleche
    Par teshub dans le forum Balisage (X)HTML et validation W3C
    Réponses: 12
    Dernier message: 05/09/2005, 15h57

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo