Primeiro declaramos a flashVar no html, basicamente ela vai ser um parâmetro dentro da tag object.

Código do Html

</pre>
<object width="728" height="90" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="flashVars" value="clickTAG=http://www.disantinni.com.br" /><param name="src" value="meuArquivo.swf" /><param name="flashvars" value="clickTAG=http://marceloneil.wordpress.com/" /><embed width="728" height="90" type="application/x-shockwave-flash" src="meuArquivo.swf" flashVars="clickTAG=http://www.disantinni.com.br" flashvars="clickTAG=http://marceloneil.wordpress.com/" />/*carregando o arquivo swf*//*criando parametro clickTAG*/  /* embed passa os mesmos parametros, no caso do usuário usar browser diferente do IE*/</object>
<pre>

Posteriormente, buscamos o valor dessa flashVar e executamos o função de direcionamento do link através do clique.
Código do Flash

var link:String = root.loaderInfo.parameters.clickTAG; //buscando o valor da flashVar "clickTAG" e armazenando na variável
btn_click.addEventListener(MouseEvent.CLICK,navegarSite); //chamando a função
function navegarSite(evt:MouseEvent):void {
	var minhaUrl:URLRequest  = new URLRequest(link);
	navigateToURL(minhaUrl,'_blank');
}

No exemplo utilizei a flashvar para linkar o flash a um site, semelhante ao dos anuncios nos portais. Entretanto, podemos usá-la para fazer verificações, disparar funções dentre outras.
Espero que tenham gostado, um abraço e até o próximo post!

O Projeto linha do Tempo visa contar os 70 anos da Tecpar, importante Instituto de Tecnologia do Paraná. O projeto contou com a produção visual e integração do flash com banco de Dados, e claro, teve a participação especial do Actionscript e Xml.

Inicialmente, vamos fazer um upgrade no nosso designer, crie um retângulo usando a ferramenta Rectangle Toll (tecla de atalho R) com 150 de largura e 10 de altura,  retire a borda .

Converta a imagem para MovieClip, selecione o retângulo e pressione F8, na tela de propriedade (convert to Symbol), selecione a opção movieclip e  mude o ponto de registro para a esquerda, assim a barra vai aumentando sua escala da esquerda para direita, depois instancie como barraStatus_mc.

Pra finalizar a parte do designer, vamos criar um caixa de texto dinâmico, configure a fonte com tamanho 12px cor #66666 e instancie como status_txt.

Feito isso, posicione os dois objetos no canto direito inferior do palco e vamos ao código.  Selecione o primeiro frame da camada AS e pressione F9,  como estamos usando o arquivo do post passado já temos algumas ações e objetos predefinidos e vamos usá-los pra criar o nosso preloader.

O arquivo responsável pelo carregamento é o  meuCarregador, isso significa que ele vai ser o objeto responsável por chamar as funcões que irão indicar o status do carregamento e apontar algum possível erro no carregamento do arquivo.

Começamos por indicar o status do carregamento:

meuCarregador.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, statusCarregamento);

Através da classe contentLoaderInfo, pode-se obter informações do evento, como por exemplo,bytes carregados e bytes total. Com isso montarmos o preloader, nesse caso a função statusCarregamento será responsável por exibir ao usuário o nosso preloader como vc pode ver no código abaixo

function statusCarregamento(evt:ProgressEvent):void {
 var bTotal:Number = evt.bytesTotal; //atribuindo o valor total de Bytes do arquivo externo
 var bLoader:Number = evt.bytesLoaded; //atribuindo o valor de bytes carregados
 var percentual:Number =  Math.round(bLoader*100/bTotal); //criando percentual de carregando para exibir na tela
 barraStatus_mc.scaleX = percentual /100; //equacionando a escala da barra para acompanhar o percentual de bytes carregados
 status_txt.text = String(percentual); //atribuindo valores para o  texto de saída (output)
}

Ao pressionar ctrl+enter o filme deve carregar o arquivo externo rapidamente, dificultando a visualização  do crescimento da barra de status, pra poder visualizar após pressionar ctrl+enter no menu superior selecione view > Download Settings > 56k. Depois pressione  ctrl+enter novamente.  Para retirar  a barra do palco após o carregamento iremos chamar uma nova função,  também baseada na classe contentLoaderInfo ela irá executar assim que o carregamento for executado

chamando a função fimCarregamento

meuCarregador.contentLoaderInfo.addEventListener(Event.COMPLETE, fimCarregamento);

executando a função

function fimCarregamento(evt:Event):void {
status_txt.text = ""; //limpando a caixa texto
 barraStatus_mc.scaleX = 0; //zerando a scala da barra
}

Agora a idéia é apontar ao usuário que houve um erro na tentativa de carregar o arquivo externo, para isso vamos criar uma função que irá identificar o erro na tela usando o  status_txt.

chamando a função

meuCarregador.contentLoaderInfo.addEventListener(IOErrorEvent.IO_ERROR, indicarErro);

executando

function indicarErro(evt:IOErrorEvent):void {
 status_txt.text = "Erro no carregamento!";
}

Para simular o erro,  mude o nome da pasta onde esta  o meuarquivo.swf e depois execute o filme. No texto de output vai aparecer a frase “Erro no carregamento!”, isso vai mostrar ao usuário ou mesmo o desenvolvedor que algo não saiu como o planejado.

Espero que tenham gostado! Segue link com os arquivos fontes, abraços e até a próxima!

Arquivos fontes

Vão dizer que não merecia ir para o BOLA CHEIA? Bom esse foi para descontrair um pouco no próximo voltamos a falar de flash .  Abraços!

Para carregar arquivos externos no flash é  preciso conhecer um pouco da classe loader. Com ela podemos carregar arquivos, criar preloader e funções apontando erros no carregamento. Inicialmente vamos entender a classe loader e criarmos um evento para carregar um arquivo externo. Posteriormente, na segunda parte deste artigo, vamos criar um preloader mostrando o status de carregamento e também uma  função para apontamento de erro no carregamento.

Para algumas pessoas a Classe Loader complicou o carregamento. Eu entendo que ela formalizou a criação do código e com isso ganhamos em organização.  Nesse artigo a  idéia é mostrar o  carregamento de um arquivo externo, que se dá ao executar o swf e assim ter a dimensão dessa organização.

var minhaUrl: URLRequest;
var meuCarregador:Loader;

Nessa primeira parte foram criados os objetos onde minhaUrl, indica qual arquivo carregar e meuCarregador executa o carregamento apontado dentro de minhaUrl.

minhaUrl = new URLRequest("minhapasta/meuarquivo.swf");
meuCarregador = new Loader();

Criados os objetos, o próximo passo foi o instanciamento. Nesse caso, o objeto minhaUrl irá apontar o arquivo swf  chamado meuarquivo, localizado na pasta minhapasta enquanto meuCarregador irá carregar um novo arquivo. Na sequência serão definidos algumas propriedades como posição no palco e realizar o carregamento do arquivo.

meuCarregador.y = 90;
meuCarregador.x = 125;
meuCarregador.load(minhaUrl);

A Classe Loader não é uma classe visual  no flash, isto quer dizer que se executasse o flash nesse ponto, não iria ver o objeto sendo carregado. Para isso, temos que adicionar o objeto ao palco, usando o addChild.

addChild(meuCarregador);

Agora sim, ao executar o arquivo  vai ser adicionado ao palco. Nesse exemplo o carregamento ocorreu a partir da execução do swf, lembre-se que é  possível criar eventos em botões para chamar arquivos externos. Na próxima parte desse artigo vamos  criar o preloader e também apontamentos de erros no carregamento de arquivos.

Abraços e até a continuação do artigo.

Baixar Arquivo Fonte

Foi então, que um amigo me mostrou alguns jobs onde ao clicar ele exibia um menu personalizado com os dados do desenvolvedor,  como se fosse um cartão de visitas.  A idéia me pareceu bem interessante, pesquisei sobre o assunto e descobri que o flash tem uma espécie de classe chamada ContextMenu e através do actionscript  podemos  manipula-lá personalizando o menu do flashplayer. Decidi alterar esses dados e o código ficou assim:

//criando crédito ao clicar com botão direito
var menu:ContextMenu = new ContextMenu();// Cria a variável menu

// Esconde os itens do menu
menu.hideBuiltInItems();

// Cria um novo item, true = linha divisória, false = habilitado ou não.
var item:ContextMenuItem = new ContextMenuItem("Creditos",true,false);

var item1:ContextMenuItem = new ContextMenuItem("Flash Developer: Marcelo O'neil");

// Adiciona os itens a lista
menu.customItems.push(item,item1);

// Adiciona um evento de click e chama a função ouvinte abrelink
item1.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT, linkDeveloper);

//Função
function linkDeveloper(ContextMenuEvent):void {
navigateToURL(new URLRequest("http://marceloneil.wordpress.com/"));
}

// Atribui o novo menu
contextMenu = menu;

e como resultado obtive:

Eu gostei muito dessa idéia, primeiro por deixar os trabalhos mais profissionais e  segundo porque não deixa de ser um bom cartão de visita, né? Espero que tenham gostado da dica, um abraço e até a próxima!

Definição
Um parâmetro define como uma variável pode ser passada para uma subrotina (função), que por sua vez utiliza desses valores para alterar seu comportamento em tempo de execução¹. Em outra palavras, parâmetros são valores que passamos de uma função para outra.
^{1 http://pt.wikipedia.org/wiki/Parâmetro_(ciência_da_computação)}

Sintaxe
Para enviar um parâmetro é bem simples, basta chamar a função e passando um valor.
Ex:

passarValor(1);
function passarValor(valor):void{
trace(valor);
}

No output o resultado vai ser 1, pois,  foi o valor que passamos ao chamar a função passarValor.  Também, poderiamos determinar o tipo de valor (string, numero, boolean…).

Ex:

passarValor(1);
function passarValor(valor:int):void{
trace(valor);
}

Desta forma, função passarValor  só aceita parâmentro, onde a variável seja do tipo número. Você pode testar enviando como parâmetro uma string ao invés de um número e verá que o flash vai apontar um erro de acesso indefinido.

Aplicação

Para finalizar, vamos criar um relógio digital e nele vamos usar parâmetros para executar determinadas rotinas e verificações.

1º – Abra um arquivo novo no flash e escolha a opção Flash File (ActionScript 3.0)

2º – crie uma caixa de texto dinâmico e instancie com “hora_txt”. Lembre-se de alterar a cor do texto para que ela fique diferente da cor do fundo.

3º – crie uma nova camada, deixe-a acima da camada onde esta o texto dinâmico. Para organizar nomeie as camadas (Actions e Designer), seu arquivo deve estar parecido com a imagem abaixo:

4º – Aplicar o Código:

//criamos um objeto e nele atribuimos a classe timer que irá invocar o intervalol a cada 1 segundo
var intervalo:Timer = new Timer(1000);
//Pedimos para o intervalo executar a função exibirHora
intervalo.addEventListener(TimerEvent.TIMER, exibirHora);
//iniciar o intervalo
intervalo.start();
function exibirHora(evt:TimerEvent):void {
//cria variavel do tipo date, armazena(dia, mês, ano, dia-da-semana, hora, minuto e segundo)
var hora:Date = new Date();
//passamos para o texto dinâmico o valor da hora que vai ser atualizado a cada 1 segundo.
hora_txt.text = String(hora.hours) +":"+String(hora.minutes)+":"+String(hora.seconds);
}

Neste primeiro exemplo você vai ver que toda vez que o número for menor que 10 ele irá aparecer  com apenas uma casa decimal, isso esta correto, mas esteticamente fica não fica legal, então, temos que dizer ao flash que toda a vez que o numero for menor que 10 ele deve acrescentar 0, para que fique com duas casas decimais.

clique na imagem para ver o exemplo

Para isso vamos criar uma função, onde ela ira receber um parâmetro (valor de hora, minuto e segundo) e ira retornar o valor onde se parametro for menor que 10 irá acrescer 0.

//criamos um objeto e nele atribuimos a classe timer que irá invocar o intervalol a cada 1 segundo
var intervalo:Timer = new Timer(1000);
//Pedimos para o intervalo executar a função exibirHora
intervalo.addEventListener(TimerEvent.TIMER, exibirHora);
//iniciar o intervalo
intervalo.start();
function exibirHora(evt:TimerEvent):void {
	//cria variavel do tipo date, armazena(dia, mês, ano, dia-da-semana, hora, minuto e segundo)
	var hora:Date = new Date();
	//escrever no texto dinamico
	//hora_txt.text = String(hora.hours) +":"+String(hora.minutes)+":"+String(hora.seconds);//passamos para o texto dinâmico o valor da hora que vai ser atualizado a cada 1s
	hora_txt.text = incrementoZero(hora.hours) +":"+incrementoZero(hora.minutes)+":"+incrementoZero(hora.seconds);//passamos para o texto dinâmico o valor da hora que vai ser atualizado a cada 1s

}
function incrementoZero(valor:int):String {
	//Determino a condição para parâmetro(valor) menor que 10.
	if (valor<10) {
		//retorna valor acrescido de zero
		return "0" + valor;
		//caso contrário
	} else {
		//retorna apenas o valor
		return String(valor);

	}
}

clique na imagem para ver o exemplo

Com isso acrescentamos o zero e também finalizamos o assunto rs…

abs e até!

Contudo, no site do Actioscriptorg, achei uma luz e finalmente resolvi o problema, que nesse caso, nada teve haver com função  javascript  ou  actionscript.

No meu caso o “vilão” foi o html, mais precisamente a tag do <object></object>. Como muitos,  inseri a tag desta forma:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="980" height="550">
 <param name="movie" value="index.swf">
 <param name="quality" value="high">
 <param name="wmode" value="transparent">
 <embed src="index.swf" quality="high" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="980" height="550"></embed>
 </object>

Ao que tudo indica o IE não estava entendo a tag <object></object>, tirei a tag deixando apenas o <embed> ficando desta forma:

<embed src="index.swf" id="flash" quality="high" scale="exactfit" width="980" height="550" name="squambido" align="middle" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent"/>

O resultado foi o perfeito funcionamento do efeito de fade que vocês podem ver no link www.flavitavalsani.com.

abs

Com visual muito charmoso e bem conceituado, pode se dizer que ele tem um pouco de tudo e exigiu boas semanas de trabalho e claro, muito estudo para integração com XML, Flash e Javascript. Isso mesmo Javascript!
No fim, o resultado ficou fantástico e vc podem conferir no www.flavitavalsani.com
abs

Para entender um pouco mais vamos fazer um exemplo do uso local de uma variável. Crie um arquivo novo no flash e no primeiro frame digite:

function usoLocal( ):void{

var i :int = 0;

trace(i)

}

usoLocal();

Veja que declaramos a variável i como sendo do tipo inteira, com valor igual a zero e dentro da função. Isto significa que para função usoLocal a variável i esta definida, tanto que ao pedimos o retorno (trace), na aba de output ele vai trazer o valor 0. Mas, será que i só vale para a função usoLocal?  Vamos testar, no mesmo frame criei uma nova função pedindo para retornar i.

function usoLocal( ):void{

var i :int = 0;

trace(i)

}

function usoLocal1( ):void{

trace(i)

}

usoLocal();

usoLocal1();

Vejam que neste exemplo ele vai dizer que a propriedade de i esta indefinida, isto acontece porque declaramos dentro de uma função, com isso o seu uso se torna local, o que torna seu valor nulo para outra funções. Para que i seja válido para outras funções devemos declarar-la como uma variável global, ou seja,  fora da função.

var i :int = 0;

function usoLocal( ):void{

trace(i)

}

function usoLocal1( ):void{

trace(i)

}

usoLocal();

usoLocal1();

Outra forma de torná-la global é instanciando-a fora das funções e aplicando o valor dentro das funções, nesse caso, a vantagem é poder dar valores diferentes.

var i :int;

function usoLocal( ):void{

i = 0

trace(i)

}

function usoLocal1( ):void{

i=1

trace(i)

}

usoLocal();

usoLocal1();

Veremos que o valor de retorno será 0 e 1, que corresponde aos valores declarados nas funções usoLocal e usoLocal1, respectivamente.

Existe ainda uma terceira forma que seria utilizar função e parâmetro, mas isso a gente discute numa próxima oportunidade, espero que tenham gostado e até o próximo post.