Buenas dias !
Avete letto il tutorial
Actionscript chiama Javascript ?
In quel caso, Flash chiamava ( tramite la classe ExternalInterface ) una funzione javascript per creare una popup in runtime.
Questo tutorial è la seconda parte e vedremo come fare vice versa, cioè sarà Javascript a chiamare Actionscript.
In sostanza ho un SWF, 2 bottoni html e 2 immagini. Tutto nello stesso file html.
Il tutorial dimostra come agire sull' SWF da 2 bottoni html esterni e da 2 immagini sempre esterne all' SWF.
Guarda l' esempio on-line cliccando il seguente link:
agire su un SWF da bottoni html esterni
Creo un FLA che salvo con nome ' main.fla '.
Al suo interno ho una MovieClip sullo stage con nome istanza clip_mc che ha una semplice animazione.
Creo la Document Class, un file AS che salvo con nome ' Main.as ', implementata in questo modo:
Code:
package
{
import flash.display.MovieClip;
import flash.external.ExternalInterface;
public class Main extends MovieClip
{
public function Main()
{
clip_mc.stop();
stage.frameRate=31;
ExternalInterface.addCallback("sendToActionScript",fromJS);
}
private function fromJS(value:String):void
{
if(value=='play')
clip_mc.play();
else
clip_mc.stop();
}
}
}
Ora creo la pagina html che chiamo main.html e che contiene main.swf, 2 bottoni e 2 immagini.
Ecco il codice di main.html:
HTML Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Javascript chiama Actionscript</title>
<script language="JavaScript">
function thisMovie(movieName) {
if (navigator.appName.indexOf("Microsoft") != -1) {
return window[movieName];
} else {
return document[movieName];
}
}
function sendToActionScript(value) {
thisMovie("main").sendToActionScript(value);
}
function sendToJavaScript(value) {
document.forms["form1"].output.value += "ActionScript says: " + value + "\n";
}
</script>
</head>
<body>
<div align="center">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
id="main" width="500" height="375"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">
<param name="movie" value="main.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#869ca7" />
<param name="allowScriptAccess" value="sameDomain" />
<embed src="main.swf" quality="high" bgcolor="#869ca7"
width="500" height="375" name="main" align="middle"
play="true" loop="false" quality="high" allowScriptAccess="sameDomain"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer">
</embed>
</object>
</div>
<form name="form1" onSubmit="return false;">
<p align="center">
<input type="button" value="play" onClick="sendToActionScript('play');" />
<input type="button" value="stop" onClick="sendToActionScript('stop');" />
</p>
<p align="center"><a href="#"><img src="pic_2.jpg" width="280" height="187" onClick="sendToActionScript('play');"></a> <a href="#"><img src="pic_1.jpg" alt="" width="280" height="187" onClick="sendToActionScript('stop');" /></a></p>
</form>
</body>
</html>
Analizziamo il codice Actionscript
Importo le classi che mi occorrono
import flash.display.MovieClip;
import flash.external.ExternalInterface;
Funzione Costruttrice
fermo clip_mc
clip_mc.stop();
imposto una velocità di frame rate
stage.frameRate=31;
Chiamo il metodo statico addCallback della classe ExternalInterface. Questo metodo registra una funzione Actionscript come chiamabile dal contenitore dell' SWF. Il contenitore dell' SWF è main.html. Quindi in sostanza permette a Javascript di poter accedere a tale funzione.
Come specificare quale funzione deve essere accessibile dal contenitore ?
Seplice, passando al metodo addCallback 2 parametri: il primo è il nome della funzione Javascript che dal contenitore chiamerà Actionscipt. Il secondo è il nome della funzione Actionscript che viene chiamata.
Quindi in questo caso nel file main.html abbiamo una funzione Javascript con nome sendToActionscript e una funzione Actionscript con nome fromJS.
ExternalInterface.addCallback("sendToActionScript",fromJS);
Metodi
fromJS(value:String):void
conrollo il valore passato da Javascript ( che è una stringa ). Se il valore è 'play', allora mando in play clip_mc altrimenti se il valore è 'stop' fermo clip_mc.
if(value=='play')
clip_mc.play();
else
clip_mc.stop();
Alla prossima !
07-11-07, 06:53
questo e veramente ottimo!! 
Linear Mode
