Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

hinom

ActionScript Interacting JavaScript

Por , em Flash, ActionScript e tecnologias Adobe

Recommended Posts

hinom    5

hinom
Postado

Interagindo ActionScript com JavaScript

 

 

Crie nova página HTML com o seguinte código

 

asijs.html

<html>
<title>ActionScript interacting JavaScript</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
	<script language=javascript>
	
		function foo()
		{
			alert( ' bar ' );
		}

		/**
		_root.MC_BTN.onRelease = function ()
		{
			getURL( "java script:foo();" );
		};
		*/
	
	</script>


</head>
<body>
	<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" 
	width="156" height="60" id="asijs.swf" align="middle">
	<param name="allowScriptAccess" value="sameDomain" />
	<param name="allowFullScreen" value="false" />
	<param name="movie" value="asijs.swf" />
	<param name="quality" value="high" />
	<param name="bgcolor" value="#ffffff" />	
	<embed src="asijs.swf" quality="high" bgcolor="#ffffff" width="156" height="60" name="asijs.swf" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />
	</object>
</body>
</html>

 

Abra o software Adobe Flash CS4

 

 

Abra um novo projeto

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif

Imagem Postada

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif

Imagem Postada

 

 

Escolha "Flash File (ActionScript 2.0)"

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif

Imagem Postada

 

 

Um novo palco do Flash é criado

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif

Imagem Postada

 

 

Clique sobre o primeiro frame e pressione a tecla F9

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif

Imagem Postada

 

 

Ao pressionar a tecla F9, o painel ActionScript abrirá na tela

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif

http://img17.imageshack.us/img17/7618/0006y.png

 

 

Digite o script

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif

http://img17.imageshack.us/img17/156/0007e.png

_root.MC_BTN.onRelease = function ()
{
	getURL( "java script:foo();" );
};

 

Feche o painel ActionScript

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif

http://img17.imageshack.us/img17/305/0008g.png

 

 

Certifique-se de que existe a marca "@" no primeiro frame. Esse sinal indica que há script dentro do frame

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif

http://img17.imageshack.us/img17/6143/0009n.png

 

 

Na guia de ferramentas, escolha "Retangle Tool ®"

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif

http://img17.imageshack.us/img17/8528/0010v.png

 

 

Clique sobre o palco e arraste o mouse, mantendo-o pressionado, para que seja criado um objeto na cena.

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif

http://img17.imageshack.us/img17/7970/0011p.png

 

Ao soltar o mouse, deverá aparecer um resultado semelhante ao da imagem abaixo

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif

http://img18.imageshack.us/img18/500/0012d.png

 

 

Na guia de ferramentas, escolha "Selection Tool (V)"

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif

http://img18.imageshack.us/img18/3231/0013u.png

 

 

Selecione o objeto do palco e pressione F8.

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif

http://img17.imageshack.us/img17/77/0014qte.png

 

 

Ao pressionar F8, surgirá na tela um prompt. No campo "Name", digite um nome para o objeto.

Para este exemplo, MC_BTN (clique em OK ou pressione ENTER)

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif

http://img17.imageshack.us/img17/186/0015n.png

 

 

O objeto, que estava em forma vetorial, foi agrupado em forma de MC (MovieClip).

Certifique-se de que o MC está selecionado e clique em <Instance Name>, na caixa de diálogo "PROPERTIES"

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif

http://img17.imageshack.us/img17/8941/0016l.png

 

 

Digite um nome de instância para o objeto.

Para este exemplo, MC_BTN (pressione ENTER)

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif

http://img17.imageshack.us/img17/2391/0017v.png

 

[encerrado]

Publique o SWF (desative a exportação do HTML) no mesmo diretório (pasta) em que salvou o arquivo HTML

 

 

 

Para testar, acesse o endereço da página html

http://localhost/asijs.html

 

clique sobre o botão flash

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif

http://img17.imageshack.us/img17/7531/0018w.png

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago de Oliveira Cruz    21

Thiago de Oliveira Cruz
Postado

Mesma coisa que o que ele fez...

Só que instancie o botão e coloque o código na timeline:

mc_btn.addEventListener(MouseEvent.CLICK, javaCall);

function javaCall(e:MouseEvent):void{
 navigateToURL(new URLRequest('javascript: foo()'));
}

Abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites

Elektra    102

Elektra
Postado

Mesma coisa que o que ele fez...

Só que instancie o botão e coloque o código na timeline:

 

Muito obrigada berseck.

Vou tentar.

 

Abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites

Elektra    102

Elektra
Postado

O link com o exemplo não está disponível.

Usei o código que o berseck indicou para AS3, mas não entendi como funciona na prática.

O mc_btn não exibe comportamento de botão e ao clicar não acontece nada.

 

A visualização do arquivo pode auxiliar muito.

Obrigada

Compartilhar este post

Link para o post
Compartilhar em outros sites

Elektra    102

Elektra
Postado

Desculpe, fiquei testando, não deu tempo de editar o post.

 

Publiquei o arquivo para testar (AS3).

 

No IE8 e Chrome não funciona.

No Firefox, abre uma nova aba.

No Safari ao clicar, some da tela.

No Opera, exibe uma mensagem de alerta do Java Script, só funciona se selecionar a opção --> parar de executar scripts na página.

 

Aceitável a restrição do Opera e a instabilidade do Chrome.

Mas fica difícil que não funcione no IE, e a disparidade entre o Firefox e Safari.

 

Embora sendo meu contato inicial do JavaScript interagindo com Flash, pergunto: quais as alternativas possíveis?

 

Obrigada

Compartilhar este post

Link para o post
Compartilhar em outros sites

hinom    5

hinom
Postado

O link com o exemplo não está disponível.

o link para exemplo é ilustrativo

 

http://localhost é uma referência ao host do seu ambiente local

 

para desenvolver aplicativos web, um quesito básico é possuir um ambiente adequado para testes.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Elektra    102

Elektra
Postado

O link com o exemplo não está disponível.

o link para exemplo é ilustrativo

 

http://localhost é uma referência ao host do seu ambiente local

 

para desenvolver aplicativos web, um quesito básico é possuir um ambiente adequado para testes.

 

Obrigada hinom.

 

Publiquei o arquivo para teste no meu server, Dial Host.

Permanece a dúvida quanto ao uso do script em relação ao comportamento exibido pelos navegadores.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Michel Araújo    0

Michel Araújo
Postado

para usar com AS3 dá uma olhada aqui:

 

http://help.adobe.com/pt_BR/AS3LCR/Flash_10.0/flash/external/ExternalInterface.html

 

em especial no método estático call, mas não deixe de ler o resto, sobretudo a parte que trata sobre segurança.

 

[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

Elektra    102

Elektra
Postado

para usar com AS3 dá uma olhada aqui:

 

http://help.adobe.com/pt_BR/AS3LCR/Flash_10.0/flash/external/ExternalInterface.html

 

em especial no método estático call, mas não deixe de ler o resto, sobretudo a parte que trata sobre segurança.

 

[]'s

 

Obrigada Michel, as informações serão muito úteis à medida que eu adquira o domínio do actionscript.

Estou apenas começando, no momento tentando compreender como chamar um JS para fechar um botão swf em um banner (popup) sobre uma página html.

 

Abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Flash, ActionScript e tecnologias Adobe
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito