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

JavaScript Discussion :

Fieldset avec liste déroulante


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Inscrit en
    Septembre 2008
    Messages
    629
    Détails du profil
    Informations forums :
    Inscription : Septembre 2008
    Messages : 629
    Par défaut Fieldset avec liste déroulante
    Bonjour,

    J'ai une liste déroulante dans un Fieldset, je voulais savoir s'il était possible de modifier la hauteur de Fieldset à l'ouverture de la liste déroulante.

    Mon code:
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    <form action="" method="post" id="choix_cartes">
                                       <fieldset style="border: 4px double #3e3737">
                                         <legend>Sélectionnez une carte</legend>      
     
     
    <select id="list_deroul" style="background-color:#000; color:#f4f1f1; text-align:center;" onchange="javascript:location.href=this.options[this.selectedIndex].value;">
                            <option value="vide">- - - - - Choisissez une région - - - - -</option>
                            <option value="Auvergne_rhone_alpes.html">Auvergne Rhône Alpes </option>
                            <option value="Ardeche_arrondissements.html">Ardèche Arrondissement </option>
                            <option value="Ardeche_circonscriptions.html">Ardèche Circonscription </option>
                            <option value="Ardeche_cantons.html">Ardèche Cantons </option>
                            <option value="Ardeche_communes.html">Ardèche Communes </option>
                            <option value="Ardeche_Largentière_communes.html">Ardèche Largentière Communes </option>
    <!--                        <option value="Ardeche_privas_communes.html">Ardèche privasCommunes </option> -->
                            <option value="Ardeche_tournon_sur_rhone.html">Ardèche Tournon sur Rhône Communes </option>
     
                                                             </select>
                                                            </fieldset>
                                                              </form>



    je vous remercie d'avance

    Max

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    Le souci de la hauteur du select c'est qu'il est plus lié au navigateur qu'un div par exemple, sa hauteur dépliée est liée au nombre d'options affichées déterminée également par l'attribut size ...
    De plus les options se déroulent en superposition ...
    Le plus simple est encore de trouver un plugin d'émulation de select du coup les options étant en général emulées par des li dans un ul, le fieldset
    avec jquery un exemple vite fait : https://jsfiddle.net/qsetp935/29/
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut


    À mon avis ce n'est pas possible et ce n'est pas nécessaire, car la partie ouverte du select se place au-dessus du contenu de la page web.

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

  4. #4
    Invité
    Invité(e)
    Par défaut
    Bonjour,

    j'ai DEJA donné une réponse ici... à laquelle tu n'as DEJA pas répondu...

  5. #5
    Modérateur

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

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 209
    Par défaut
    Bonjour,
    j'enfonce le clou
    Ergonomiquement parlant je considère que c'est une mauvaise idée, tous les « Down_Quelque_Chose » recouvre le contenu qui suit cela évite accessoirement à la page de sautiller.

  6. #6
    Invité
    Invité(e)
    Par défaut
    En effet : ce n'est pas parce qu'une solution existe qu'elle est bonne (ou la meilleure)...

    D'autant plus (ou moins ?) sur écran tactile....

  7. #7
    Membre éclairé
    Inscrit en
    Septembre 2008
    Messages
    629
    Détails du profil
    Informations forums :
    Inscription : Septembre 2008
    Messages : 629
    Par défaut
    Bonjour à Tous.

    je suis allé voir le site https://jsfiddle.net/qsetp935/29/ de SpaceFrog sa fonctionne sur le site et quand je recopie sur mon ordi sa ne fonctionne pas ou je me suis planter?

    Merci et bonne journée

    Max

  8. #8
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    tu ne charges sans doute pas jquery ??
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. pb avec liste déroulante à 2 colonnes visibles
    Par moicats dans le forum Access
    Réponses: 2
    Dernier message: 20/04/2006, 10h38
  2. [MySQL] probleme avec liste déroulante et requete
    Par Ludo75 dans le forum PHP & Base de données
    Réponses: 2
    Dernier message: 26/01/2006, 13h55
  3. Problème avec liste déroulante
    Par Invité dans le forum IHM
    Réponses: 2
    Dernier message: 14/12/2005, 21h04
  4. Pb Formulaire avec liste déroulante
    Par Rouanou dans le forum IHM
    Réponses: 12
    Dernier message: 23/11/2005, 16h51
  5. Aide à la saisie avec liste déroulante
    Par Oluha dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 01/02/2005, 09h04

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