Dans un précédent article, j'ai mentionné comment injecter un fichier Javascript à l'intérieur d'un fichier swf en utilisant une variable de type XML et de définir le contenu Javascript a l'intérieur, Injection du Javascript depuis Actionscript.

Dans se deuxième exemple nous allons utiliser les metadata.

code:

package {
 
import flash.display.Sprite;
 
import flash.external.ExternalInterface;
 
public class embedding_js_into_swf_part2 extends Sprite
 
{
 
[Embed(source="assets/helloworld.js", mimeType="application/octet-stream")]
 
private static const HelloWordJS:Class;
 
public function embedding_js_into_swf_part2()
 
{
 
if (ExternalInterface.available)
 
{
 
ExternalInterface.call("eval", new HelloWordJS().toString());
 
// call hello function from js file
 
ExternalInterface.call("hello");
 
}
 
}
 
}
 
}

Télécharger l'exemple : jsInjection_part2 (12)

Après une bonne attente pour la sortie de la version 2 d'Adobe Air, voici un premier exemple de l'utilisation de la nouvelle Class (StorageVolumeInfo) qui permet de détecter l'insertion d'un volume externe (usb, camera, ...).

package
{
    import flash.display.Sprite;
    import flash.events.StorageVolumeChangeEvent;
    import flash.filesystem.StorageVolume;
    import flash.filesystem.StorageVolumeInfo;
 
    public class Main extends Sprite
    {
		private var volumeIcon:icon;
		private var isMounted:Boolean = false;
 
        public function Main()
        {
 
            StorageVolumeInfo.storageVolumeInfo.addEventListener(StorageVolumeChangeEvent.STORAGE_VOLUME_MOUNT, mountEventHandler);
            StorageVolumeInfo.storageVolumeInfo.addEventListener(StorageVolumeChangeEvent.STORAGE_VOLUME_UNMOUNT, unmountEventHandler);
        }
        public function mountEventHandler(event:StorageVolumeChangeEvent):void
        {
            var volume:StorageVolume = event.storageVolume;
            trace("VOLUME MOUNTED:");
 
			var info:String = "nativePath:" + event.rootDirectory.nativePath + "\n";
			info += "fileSystemType:" + volume.fileSystemType + "\n";
			info += "isRemovable:" + volume.isRemovable + "\n";
			info += "isWritable:" + volume.isWritable + "\n";
			info += "name:" + volume.name;
 
			volumeIcon = new icon();
			volumeIcon.information.text = info;
			addChild(volumeIcon);
			isMounted = true;
        }
        public function unmountEventHandler(event:StorageVolumeChangeEvent):void
        {
            trace("VOLUME UNMOUNTED:");
 
			if(isMounted)
			{
				removeChild(volumeIcon);
				isMounted = false;
			}
        }
    }
}

Pour injecter du code Javascript dans une page web depuis Actionscript on peut utiliser deux méthodes mais qui presque similaire :

La première consiste a injecter le code javascript comme un objet XML et la deuxième consiste a integrer un fichier js en utilisant les metadata.

Nous allons voir dans cette partie la version XML et dans une deuxième partie la méthode embed :

package com.mutationevent
{
	import flash.display.Sprite
	import flash.external.ExternalInterface
	import flash.events.MouseEvent;
 
	public class Inject extends Sprite
	{
		public function Inject()
		{
			var js:XML = <script>
			<![CDATA[
			function ()
			{
				js = {};
				js.showAlert = function()
				{
					alert("messagae");
				}
			}
			]]>
			</script>
 
			// embed the JavaScript to the page
			ExternalInterface.call(js);
 
			myButton.addEventListener(MouseEvent.CLICK, myButtonHandler);
		}
 
		private function myButtonHandler(evt:MouseEvent):void
		{
			ExternalInterface.call("js.showAlert");
		}
	}
}

et pour appeler la fonction showAlert :

ExternalInterface.call("js.showAlert");

Téléchargez l'exemple : jsInjection (38)

Lorsque vous compiler votre application mxml, tout le code mxml écrit et converti en premier en actionscript puis ce code actionscript est compiler a interieur du SWF. vous pouvez voir ce code actionscript généré pour comprendre un peu mieux le fonctionnement du framework Flex

Pour mettre en place cet argument, cliquer sur le bouton droit dans votre projet puis sélectionner propriétés en suit aller Flex Compiler et dans le champ Additional compiler arguments taper -keep-generated-actionscript ou -keep (-keep=true est juste aussi)... Maintenant recompiler votre projet et vous allez voir apparaitre un dossier nommé "generated" regroupant tout le code actionscript de votre projet.