Discussion :

[rdummies]

Bonjour à tous,

Je voudrais récupérer en JS la taille (plus précisemment la longueur en pixels) d'un élément <select> d'une <form>.
J'ai bien sûr commencé par utiliser la propriété clientWidth, mais elle ne fonctionne pas sous IE.

Avez-vous une solution à me proposer ?

Merci d'avance

[Bisûnûrs]

Si tu as un style sur ton select :

Code :

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

document.getElementById('iddetonselect').style.width;

Sinon :

Code :

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

document.getElementById('iddetonselect').offsetWidth;

[rdummies]

Je viens d'essayer, le offsetWidth me renvoie 0 aussi (j'ai fait un alert pour être sûr).
Je n'ai pas imposé de style sur le <select> et je cherche à lire sa longueur afin de forcer celle des <input> (dans le même formulaire) à la même taille.

[Bisûnûrs]

Pourtant je viens d'essayer ça qui fonctionne très bien :

Code html :

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

1
2
3
4
<select id="truc">
   <option>Coucoucoucoucoucoucou</option>
</select>
<input type="button" value="Test" onclick="alert(document.getElementById('truc').offsetWidth)" />

[rdummies]

Pour ma part, j'ai mis ça :

Code :

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

1
2
3
4
5
6
7
8
9
10
function init_affichage() {
// recuperation de la taille du menu déroulant
	var taille = document.getElementById("menu_parent").offsetWidth;
 
// retaillage des autres elements
	document.getElementById("menu_id").style.width = taille;
	document.getElementById("menu_level").style.width = taille;
	document.getElementById("menu_titre").style.width = taille;
	document.getElementById("menu_lien").style.width = taille;
}

Et comme précedemment, ça marche sous FireFox, mais pas sous IE.
Je désespère de comprendre.

[Bisûnûrs]

Code :

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

document.getElementById("menu_id").style.width = taille + "px";