www.mutationevent.com

Un SWF qui change de taille en fonction de son contenu

Explication : du moment que notre fichier SWF (intégré dans une page HTML) possède une largeur et une hauteur et que JAVASCRIPT peut contrôler la plus part des éléments présent dans la page html alors JAVASCRIPT peut contrôlé les dimensions de notre SWF.

Dans notre document html on créer une Balise DIV avec un identifiant ‘flashid’ et on place dedans notre SWF avec une largeur et une hauteur de 100%, la notre SWF prendra les dimensions de la Balise DIV.
Puis on crée une fonction JAVASCRIPT qui permet de redimensionner notre Balise DIV et qui sera appelée par notre SWF.

Code HTML

  1. <div id="flashid" width="700px" height="500px">
  2. <script>
  3.  
  4. document.write("<OBJECT
  5. classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\"
  6. codebase=\"http://download.macromedia.com/pub/shockwave/...\"
  7. WIDTH=\"100%\" HEIGHT=\"100%\" id=\"movie\">");
  8. document.write("<PARAM NAME=movie VALUE=\"main.swf\">");
  9. document.write("<PARAM NAME=salign VALUE=\"LT\">");
  10. document.write("<PARAM NAME=quality VALUE=high>");
  11. document.write("<PARAM NAME=scale VALUE=noscale>");
  12. //document.write("<PARAM NAME=wmode VALUE=transparent>");
  13.  
  14. document.write("<EMBED NAME=movie src=\"main.swf\" quality=high
  15. scale=noscale WIDTH=\"100%\" HEIGHT=\"100%\" SALIGN=\"LT\"
  16. TYPE=\"application/x-shockwave-flash\"
  17. PLUGINSPAGE=\"http://www.macromedia.com/go/getflashplayer\"
  18. ></EMBED>");
  19. document.write("</OBJECT>");
  20. </script>
  21. </div>

Code JAVASCRIPT

  1. function ResizeFlashObject(Width,Height) {
  2. if(document.all && !document.getElementById) {
  3. document.all['flashid'].style.pixelWidth = Width+'px';
  4. document.all['flashid'].style.pixelHeight = Height+'px';
  5. }else{
  6. document.getElementById('flashid').style.width = Width+'px';
  7. document.getElementById('flashid').style.height = Height+'px';
  8. }
  9. }

No related posts.

Laisser un commentaire

*
Pour prouver que vous n'êtes pas un bot, recopiez le code ci-dessous
Anti-Spam Image



  • Archives

  • Catégories

  • @mutationevent