http://blog.DoZarte.com

Come inserire correttamente un file SWF in una pagina HTML usando javascript, seguendo le ultime specifiche in materia di aggiornamento per Microsoft Internet Explorer (MSIE), ed evitare che si debba ricorrere ad un click aggiuntivo prima di poter utilizzare il filmato Flash.

Cosa bisogna fare in pratica? Invece di impaginare l’SWF col solito tag OBJECT bisogna farlo con JAVASCRIPT. Prima di tutto bisogna linkare alla pagina HTML il JS swfobject.js all’interno dell’HEAD:

<script type="text/javascript" src="swfobject.js">
</script>

(Potete scaricarlo da questa pagina, alla voce download)

Il file SWF verrà indicato all’interno di un JS presente nel BODY, in questa maniera:

<script>
var so = new SWFObject("nome.swf[nome file]",
nome [...opzionale]",
"[mis.base]", "[mis.altezza]",
"[versione player]",
"#ffffff[colore di sfondo]");
so.write("flashcontent");
< /script>

Alcuni parametri aggiuntivi di esempio:

so.addParam("menu", "false"); // nasconde il menu
so.addParam("SCALE", "showall");
so.addParam("quality", "autolow"); // imposta la qualità del filmato flash
so.addParam("SALIGN", "TL"); // allinea in alto a sinistra
so.addVariable("variabile1", "valore1"); // passa una variabile al file

I parametri aggiuntivi vanno inseriti dopo la dichiarazione della variabile so (cioè dopo la prima riga); l’importante è scrivere il comando so.write per ultimo. Prima del tag SCRIPT potrete inserire un DIV “flashcontent” per inserire dell’eventuale contenuto alternativo, che verrà mostrato se la versione del player presente nel browser dell’utente non permette la visualizzazione del SWF.

 <div id="flashcontent">
  Questo testo è sostituito dal filmato Flash.
</div>

Se si vogliono impostare i valori altezza e/o larghezza al 100%, bisogna farlo anche sul TAG che contiene il javascript.

style="height:100%; width:100%;"

Links:

• actionscript.com
• magnificaweb.it/flashobject/
• blog.deconcept.com/swfobject/
• attivissimo.blogspot.com
• flashkit.com/board/
• adobe.com