ok,
un exemple
ici
outre les problemes lors de la réduction, sous IE, la barre du haut des fenetres fait n'importe quoi,
mais des l'affichage de la page, le float:right; que j'ai mis dans la fenetre 2 renvoi les boutons contre le bord droit de la page, ce qui est plutot logique.
voila le code d'une fenetre :
<div class="cadre" id="cadre1" style="top: 65px; left: 314px;">
<div class="cadre_titlebar" onMouseDown="javascript:beginDrag(this,event);">
<span class="cadre_titlebar_buttons" onMouseOver="javascript:onmouseoverfermerreduire()" onMouseOut="javascript:onmouseoutfermerreduire()">
<span class="cadre_titlebar_buttons_button" id="reduc1" onMouseUp="javascript:reduireagrandir(this)"><img src="reduire.gif" alt="reduire" /></span>
<span class="cadre_titlebar_buttons_button" onMouseDown="javascript:transp(this);" onMouseUp="javascript:fermer(this);"><img src="fermer.gif" alt="fermer" /></span>
</span>
<span class="cadre_title">Fenetre 1</span>
</div>
<div class="contenu" id="contenu1"><img src="Image1.gif" width="200" height="240"></div>
</div>
Je voudrais donc qu'au chargement, un petit bout de javascript fixe la largeur de chaque fenetre avec un code du genre
fenetre.style.width = contenufenetre.scrollWidth;
avec fenetre la div de classe "cadre" et contenufenetre la div de classe "contenu".
Si possible je voudrais éviter le code qui cherche tous les elements de classe "cadre" et applique la fonction dessus lors du chargement (onLoad)