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

HTML Discussion :

Elargissement automatique de l'objet SELECT dans IE


Sujet :

HTML

  1. #1
    Candidat au Club
    Profil pro
    Informatique
    Inscrit en
    Mars 2006
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : Informatique

    Informations forums :
    Inscription : Mars 2006
    Messages : 2
    Par défaut Elargissement automatique de l'objet SELECT dans IE
    Bonjour,

    Dans firefox si la longeur du texte de l'objet OPTION est plus large que la taille definie dans le SELECT, ce dernier s'elargit en s'adaptant au texte. Mais cette fonction est absente dans Internet Explorer.

    Je voudrais savoir s'il y a une astuce pour arriver au meme resultat sur IE.

    Merci d'avance.

  2. #2
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2005
    Messages
    70
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Avril 2005
    Messages : 70
    Par défaut
    Essay en donnant une taille imposée à ton select.

  3. #3
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Par défaut
    +1 du style :

  4. #4
    Candidat au Club
    Profil pro
    Informatique
    Inscrit en
    Mars 2006
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : Informatique

    Informations forums :
    Inscription : Mars 2006
    Messages : 2
    Par défaut
    Je vous remercie pour votre reponse.

    Mon SELECT est deja defini à width:85px. Cette largeur est une contrainte, je suis obligé de la resperter. Or les textes des OPTIONS sont plus longs, ce qui fait que le 2/3 du texte n'est pas visible. J'ai fait un test avec <select name="dest" class="liste-selection" onmouseover="this.style.width=120" >, ca marche. Mais comme le formulaire est inclu dans un DIV qui ne fait que 134px de largeur, j'ai un retour à ligne forcé QUI CASSE LA PAGE.

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2005
    Messages
    70
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Avril 2005
    Messages : 70
    Par défaut
    J'ai un peu de mal à saisir :

    On t'impose un width de 85px pourtant le texte des options est plus long !!!
    Il y a une restriction qui pose problème là.

    Donc du coup, tu fais un mouseover pour voir tout le texte mais forcement la page ne veut plus rien dire, c'est ça ?

    Pour moi il faut que tu change le width imposé mais si tu ne peux pas essaye de m'expliquer ce que tu attendrais en terme de design ?

  6. #6
    Candidat au Club
    Inscrit en
    Mars 2005
    Messages
    2
    Détails du profil
    Informations forums :
    Inscription : Mars 2005
    Messages : 2
    Par défaut
    Bonjours,

    je reviens sur ce sujet parce que j'ai le même problème

    je récapitule (je crois que c'est ça que le monsieur d'avant demandait )

    Si on prend ce code:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <select name="" style="width:70px;">
        <option value="1" selected="selected">pouet</option>
        <option value="2">super pouet pouet</option>
    </select>
    On a donc une dimension imposée de 70px (la taille du mot "pouet" première option) forcément plus petite que la valeur 2 "super pouet pouet".

    FireFox va faire en sorte que toutes les options soient vues une fois déployées.

    IE lui va couper les options déployées à 70px. Donc l'option 2 sera tronquée

    En gros est-il possible avec un style de dire que une fois les options déployées, faire en sorte de ne pas les tronqués ?

    Merci d'avance

Discussions similaires

  1. Intégrer un objet select dans une form
    Par jpwitz dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 06/02/2013, 10h07
  2. Réponses: 5
    Dernier message: 09/07/2007, 19h07
  3. [JComboBox] l'Objet selected s'affiche dans le Renderer
    Par grabriel dans le forum AWT/Swing
    Réponses: 6
    Dernier message: 28/03/2007, 14h08
  4. Réponses: 1
    Dernier message: 13/09/2006, 11h50
  5. Redirection automatique lors d'une sélection dans un Select
    Par MiJack dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 21/12/2004, 18h09

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