Tweeter button
Facebook button

Flex: Comunicação entre a Aplicação e o Navegador

Hi everybody!
Bom, o post de hoje pode não ser lá muito útil, mais acredite, é do tipo de coisa que você as vezes pode precisar de emergência, última hora e ter dificuldades em achar algo explicando, dando uma luz e etc..
Sei muito bem disto, pois dia destes precisei chamar uma pop-up a partir da aplicação, que tinha como destino uma página externa em PHP.
(Explicarei em outro Post como fazer isto.)

Hoje iremos ver como realizar uma chamada em JavaScript apartir do Flex, exibindo o nosso famoso Alert.
É muito simples..

Mãos na massa:

Arquivo MXML:

1
2
3
4
5
6
7
8
9
10
11
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="500" height="400">
 
    <!-- 
 
    Veja que no evento click, temos a class ExternalInterface, que utiliza o método Call para se comunicar com o navegador, e neste método
    chamamos a função (de nome: Alerta) que está no arquivo HTML e também passamos os parâmetros (frase).
 
    -->
    <mx:Button x="178" y="173" label="Clique aqui!" width="144" click="ExternalInterface.call('Alerta','Este é um alert em JavaScript disparado pelo Flex')"/>
 
</mx:Application>

E no arquivo HTML (index.template.html) colocamos uma simples função JavaScript:

1
2
3
4
5
6
7
<script language="javascript">
 
    // Função que exibe o alert, passando e exibindo os parâmetros trazidos do Flex.
    function Alerta(mensg){
        alert(mensg);
    }
</script>

Vejam o exemplo.

É isso aí pessoal, espero que seja de utilidade para vocês.
Abraços!!

Gostou do Artigo? Então leia mais:

3 Responses to Flex: Comunicação entre a Aplicação e o Navegador

  1. Opa, é ai que você se engana… isso é muito útil em alguns casos! Já tive que usar demais isso! Parabéns pelo post.

  2. É bastante util sim, valeu… agora para fazer a comunicação inversa #comofaz?

  3. Valeu Marcos, muito obrigado!

    Elton, valeu cara! Boa.. vou falar em um post sobre como fazer isso! ;)

Deixe um Comentário

O seu endereço de email não será publicado Campos obrigatórios são marcados *

*

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">

Go back to top