toggle Cinema 01 Feb 2008

Communicating Javascript & Flex and viceversa Posted by Insane in Uncategorized | One response

Accesando a JavaScript desde Flex

Para llamar a una javascript-function desde actionscript puedes usar la API ExternalInterface.

Dicha api tiene dos methodos ( call & addCallback ) q son de utilidad para realizar esta tarea.

Real-world example.
//Comprobemos q podemos realizar la comunicacion
//Esto con la propiedad 'available'.
if (ExternalInterface.available) {
    //aver, un pop-up , puede ser cualquier js-function
    var _f:String = "window.open";

    var _m:*= ExternalInterface.call(_f,"http://instropy.com",
              "Title","resizable=yes, scrollbars=no, toolbar=no,
              location=no, directories=no, status=no, menubar=no");
} else {

    Alert.show("");//
}

Accesando a Flex desde JavaScript

Para hacer llamar a un methodo de tu pelicula via javascript primero debes decirle a tu pelicula q dicho methodo esta disponible para ser llamado de esta forma.Esto se hace llamando al method addCalback de la API ExternalInterface.

Otro Real-world example.
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute" initialize="{initMyapp()}">
<mx:Script>
<![CDATA[
public function initMyapp():void{
//aqui ponemos la banderita de que este methodo si es accesible via js.
//primero es el id, despues el nombre real de tu methodo.
ExternalInterface.addCallback("foo",foo);

}

public function foo():String{ //ñ__ñ nada mas classico q explicar con foo
//Algo verdaderamente interesante va aqui.
return ("yep, soy foo");
}
]]>
</mx:Script>
</mx:Application>

Y del lado de Tu Js, seria asi

 

<SCRIPT language='JavaScript' charset='utf-8'>
    function _mcDoo() {
        var x = YourMovieObject.foo();
//YourMovieObject es el objeto dnde se localiza tu movie.
alert(x);
    }
</SCRIPT><a href=# onClick="_mcDoo();">Test</a>

Comentarios finales.

Este es solo un ejemplo sin embargo cumple bien su finalidad la cual era solo iniciarte en la comunicacion entre flex & Javascript, sin embargo recomiendo pensar bien cuales methodos estan disponibles dentro de tu applicacion ,asi como tambien arquitecturizar ( creo q si existe esta palabra nose ñ_ñ) tu desarrollo y crear classes de ambos lados, para manejar dicha comunicacion. +2mm (creo q sera el siguiente post )

  • Share/Bookmark

Promote this post

Would you like to add this post to your bookmarks? Come on, do not miss any updates and stay tuned.
Please share with us!
+

1 Comments to “ Communicating Javascript & Flex and viceversa ”

  1. Seed Falltremor February 8, 2008

    Interesante el concepto…. javascript parece cada mez más esencial para las aplicaciones empresariales… solo nos queda aprender a usarlo…

Leave a Reply ( Guest )

(*)

(will not be published) (*)