Version imprimable
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 !
bonjour,
un petit coup d'oeil ici
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.Citation:
Envoyé par 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
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...)
de même pour CacheItem()Code:
2
3
4
5
6
7function AfficheItem() { var elmtL = document.getElementById("idListe"); var elmtB = document.getElementById("idBouton"); .... }
Code:
2
3
4
5
6
7function CacheItem(obj,msg) { var elmtB = document.getElementById("idBouton"); document.getElementById("idListe").style.display="none"; ..... }
MenuTxt2.htm est la version avec plusieurs menus déroulants (2 dans ce cas, mais on peut facilement en ajouter).
J'ai donc ajouté des paramètres aux fonctions décrites ci-dessus et légèrement modifié la feuille de style (ajout de la classe conteneur).