Discussion :

[jpascal]

Bonjour.

Je voudrais définir la largeur d'une liste multiple à partir de la taille de la fenêtre.

1er problème : innerWidth ne fonctionne pas sous IE.
J'utilise donc availWidth à la place même si ce n'est pas tout à fait la même chose.

Ensuite je ne sais pas comment utiliser la valeur retournée par la fonction pour le style.
Je souhaite avoir :

Code :

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

<select name="liste" multiple="multiple" size="10" style="width:XXXXpx;"></select>

XXXX étant calculé par

Code :

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

1
2
3
4
function width_list() {
	width = screen.availWidth - 500;
	return "width:" + width + "px";
}

Code :

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

document.form.liste.style.width = "400px";

ne donne rien

[SpaceFrog]

Code :

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

1
2
3
4
function width_list() {
	Mywidth = screen.availWidth - 500;
	return  Mywidth + "px";
}

Code :

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

document.forms[0].elements['maliste'].style.width = width_list();

[jpascal]

Ca fonctionne. Merci.

Par contre, à part placer :

Code :

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

document.forms[0].elements['maliste'].style.width = width_list();

après le code html, existe-t-il une autre possibilité pour que ça soit pris en compte au chargement de la page ? Avec onLoad() ?

[SpaceFrog]

dasn la balise onload du body oui .