document.body.clientWidth

Bonjour à tous,

J'ai dans ma page xhtml un .swf, intégré grâce au code suivant :

Code:

---

1 2 3 4 5 6

<div> <object class="flash" id="un" type="application/x-shockwave-flash" data="flash.swf" width="10" height="10" allowscriptaccess="always"> <param name="movie" value="flash.swf" allowscriptaccess="always"/> </object> </div>

---

Je souhaite qu'à l'ouverture de la page, le .swf soit redimentionné à la taille du body de la page, afin qu'il s'ouvre en pleine page.

J'arrive à récupérer la largeur de la page sous IE grâce à ce code :

Code:

---

1 2	var largeur = document.body.clientWidth;

---

Seulement, quand je veux attribuer la valeur de la variable largeur au .swf en utilisant ce code :

Code:

---

1 2	document.getElementById("un").style.width = largeur;

---

Cela ne fonctionne pas :cry:. Le .swf garde ses dimensions d'origine (10x10). Je n'ai pas de message d'erreur.

Par contre, si j'attribue une valeur à largeur, par exemple :

Code:

---

1 2	var largeur = 200;

---

Là, ça marche. 8O

Pourriez-vous m'aider ?

Merci d'avance.

Quand tu dis : "la largeur de mon body" tu parles de la largeur de la page tout simplement ?

id="un" c'est quelle balise ?

A mon avis tu fais référence à une balise de type "en ligne" et non "en block" (voir CSS).

2 solutions :

- tu passes par un <div id="conteneur"> et tu met toute ta page dedans.
Dans ta css tu mets : #conteneur{display:block; width=XX}

- tu passes par un swfObject

Bonjour,

Merci pour ta rapide réponse.

Il s'agit bien de la largeur de la page en effet ; veuillez m'excuser pour mon vocabulaire approximatif, je m'y connais peu.

Si j'utilise ta première solution, comment puis-je faire pour récupérer la largeur de la page dans le code CSS ? Je peux mélanger code javascript et CSS ?

Je ne connait pas swfObject, je vais regarder ce que c'est.

Pour SWFObject, c'est simple :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

<div id="conteneur"> ... ton code html ... </div>   <script type="text/javascript"> var so = new SWFObject("chemin_fichier_flash.swf", "UnNom", "Largeur", "hauteur", "9", "#000000"); so.addParam("scale", "noscale"); so.addParam("loop", "false"); so.write("conteneur"); </script>

---

Là en gros ton javascript va remplacer la balise conteneur par ta balise object. La Largeur de ta page, c'est toi qui la fixe donc tu la connais ! Je comprends pas ton soucis

En fait non, justement je ne la connais pas, car je voudrais que la taille de mon .swf soit la même la taille de la page du visiteur ;)

si l'id de ta balise est "un" alors essaye :

Code:

---

var largeurPage= document.getElementById("un").style.width

---

Merci. Je vais essayer :)