Discussion :

[NikoBe]

Bonjour,

par soucis de design, je voudrais avoir un <select> dans une page dont la largeur affichée à l'écran (quand il n'y a aucune ou une option sélectionnée) est différente de la largeur de la liste déroulante de ce même select.

Je ne sais pas si cela est possible (et si je me fais comprendre ?

En tous cas merci d'avance pour votre aide !

[Auteur]

bonjour,

un petit coup d'oeil ici

[NikoBe]

Merci beaucoup,

mais malheureusement moi aussi je dois m'adapter à IE !
N'y a-t-il pas de solution pour IE ?

[Auteur]

Merci beaucoup,

mais malheureusement moi aussi je dois m'adapter à IE !
N'y a-t-il pas de solution pour IE ?

la seule qui me vient à l'esprit est un script javascript, et une manipulation de div. En un mot, concevoir soi-même une liste déroulante.

[NikoBe]

Ouch !

Bhein si qqn est motivé pour me donner des bribes d'information à ce sujet

.. sinon, je mettrai des abréviations dans mes <option>

Merci,

NikoBe

[Auteur]

j'ai le script en question dans mes stocks.

Il fonctionne avec IE v5 et Firefox v1. Je ne l'ai pas testé sur d'autres navigateurs.

Paramètres des fonctions :

• onclick="AfficheItem()" : lors du clic sur le bouton, pour afficher ou cacher la liste ;
• onmouseover="MouseOverItem(this)" / onmouseout="MouseOutItem(this) :over / out sur les éléments de la liste (this) ;
• onclick="CacheItem(this,'Texte 7') : pour cacher la liste après sélection d'un item. Le second paramètre contient le texte (parfois différent de celui de la liste cf. "le long texte2") à afficher dans le bouton.

Ce script est valable pour une liste. Si tu veux utiliser ce script sur plusieurs listes, il faudra modifier légèrement le script :

Ajouter des paramètres à AfficheItem() soient :
-l'id du bouton et celui de la liste qui s'y réfère (=2 paramètres) ;
-ou mieux un numéro (=1 paramètre) qui sera concaténé aux id du bouton et de la liste (idBouton1, idListe1 ; idBouton2, idListe2 ; etc...)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
function AfficheItem()
{
 var elmtL = document.getElementById("idListe");
 var elmtB = document.getElementById("idBouton");
....
}

de même pour CacheItem()

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
function CacheItem(obj,msg)
{
 var elmtB = document.getElementById("idBouton");
 document.getElementById("idListe").style.display="none";
.....
}