<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>MXStudio &#187; Andrews_Medina</title>
	<atom:link href="http://www.mxstudio.com.br/author/andrews_medina/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.mxstudio.com.br</link>
	<description>Macromedia e Adobe - Artigos, colunas, tutorias e muito mais...</description>
	<lastBuildDate>Sun, 29 Jan 2012 11:31:48 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
		<item>
		<title>Criando estilos no flash</title>
		<link>http://www.mxstudio.com.br/desenvolvimento/flash/criando_estilos_no_flash/</link>
		<comments>http://www.mxstudio.com.br/desenvolvimento/flash/criando_estilos_no_flash/#comments</comments>
		<pubDate>Thu, 31 Mar 2005 00:00:00 +0000</pubDate>
		<dc:creator>Andrews_Medina</dc:creator>
				<category><![CDATA[Flash]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Veja quais as diferen&#231;as e as vantagens de se criar estilos diretamente no flash.]]></description>
			<content:encoded><![CDATA[<p>&lt;!&#8211; .texto1 { 	font-family: Verdana, Arial, Helvetica, sans-serif; 	font-size: 12px; 	color: #000000; } .css1 { 	color: #FF00FF; 	font-family: Verdana, Arial, Helvetica, sans-serif; 	font-size: 12px; } .css2 { 	font-family: Verdana, Arial, Helvetica, sans-serif; 	color: #0000FF; 	font-size: 12px; } .prog1 { 	font-family: Verdana, Arial, Helvetica, sans-serif; 	font-size: 12px; 	color: #666666; } .css3 { 	font-family: Verdana, Arial, Helvetica, sans-serif; 	font-size: 12px; 	color: #000066; } &#8211;&gt;</p>
<table border="0" cellspacing="0" cellpadding="0" width="500">
<tbody>
<tr>
<td scope="col">
<p class="texto1">Tudo bem galerinha?</p>
<p class="texto1">Vou continuar falando de flash + css, mas de uma maneira direfente. Mostrarei que além do flash utilizar estilo é possível criar estilos no próprio flash. Mas para isso há algumas modificações, mas há várias vantagens. Depois de explicar as diferenças e como criar estilos no flash, vou fazer um exemplo prático em que é possível apenas com a criação de estilos no flash.</p>
<p class="texto1">Em vez de carregar o .css usando o comando load, utilizamos o comando setStyle para criar cada estilo. Veja o exemplo:</p>
<p class="texto1"><span class="prog1">//criando o objeto que criará os estilos</span><span class="css3"><br />
var</span> estilo =<span class="css3"> new TextField.StyleSheet();</span></p>
<p><span class="prog1">//criando o estilo titulo </span><br />
estilo.<span class="css3">setStyle</span><span class="css2">(&#8220;titulo&#8221;</span>, {textTransform: &#8216;<span class="css2">capitalize&#8217;, fontFamily: &#8216;Verdana, Arial, Helvetica, sans-serif&#8217;</span>, color:<span class="css3">&#8216;#003366&#8242;</span>,fontWeight:<span class="css2">&#8216;bold&#8217;,fontSize:&#8217;14px&#8217;</span>});<br />
<span class="prog1">//configurando o estilo ao campo de texto &#8216;campo </span><br />
campo.<span class="css3">styleSheet</span> = estilo;</p>
<p class="texto1"><span class="prog1">//inserindo um conteúdo ao campo de texto </span><br />
campo.<span class="css3">htmlText</span> = <span class="css2">&#8220;&lt;titulo&gt;Flash + Css &#8211; MxStudio&lt;/titulo&gt;&#8221;</span>;</p>
<p class="texto1">O padrão seria:</p>
<p class="texto1">estilo.<span class="css3">setStyle</span>(nome, propriedades);</p>
<p class="texto1">As propriedades no flash tem o nome um pouco diferente do css, abiaxo tem uma tabela que mostra o nome das propriedades no css e no actionscript:</p>
<table class="texto1" border="0" cellspacing="0" cellpadding="0" width="450">
<tbody>
<tr>
<td scope="col">
<p class="css3">CSS property</p>
</td>
<td scope="col">
<p class="css3">ActionScript property</p>
</td>
</tr>
<tr>
<td>text-align</td>
<td>textAlign</td>
</tr>
<tr>
<td>font-size</td>
<td>fontSize</td>
</tr>
<tr>
<td>text-decoration</td>
<td>textDecoration</td>
</tr>
<tr>
<td>margin-left</td>
<td>marginLeft</td>
</tr>
<tr>
<td>color</td>
<td>color</td>
</tr>
<tr>
<td>font-family</td>
<td>fontFamily</td>
</tr>
<tr>
<td>font-style</td>
<td>fontStyle</td>
</tr>
<tr>
<td>text-indent</td>
<td>textIndent</td>
</tr>
<tr>
<td>font-weight</td>
<td>fontWeight</td>
</tr>
<tr>
<td>margin-right</td>
<td>marginRight</td>
</tr>
</tbody>
</table>
<p class="texto1">Criar estilos no flash é facil. E é muito útil, porque você pode mudar o estilo em tempo real, e assim automaticamente mudará as configurações do texto.</p>
<p class="texto1">Agora vamos utilizar isso na prática criando um controlador para o tamanho da fonte do conteudo.</p>
<p class="texto1">Crie um arquivo novo no flash (ctrl+n)</p>
<p class="texto1">Agora insira dois botões e um campo de texto dinâmico, e instancie eles como mostra a figura abaixo:</p>
<p class="texto1" align="center"><img src="http://www.mxstudio.com.br/imagens_artigos/html9643_coluna_imagens/fig1.jpg" border="1" alt="" width="490" height="198" align="&gt;&lt;/p&gt; &lt;p class=" />Abra o painel de ações (F9) e vamos ao código:</p>
<p class="texto1"><span class="prog1">//criando o objeto que criará os estilos</span><br />
<span class="css3">var</span> estilo = <span class="css3">new TextField.StyleSheet();</span><br />
<span class="prog1">//criando a variável que manipulará o tamanho do texto do conteúdo </span><br />
<span class="css3">i </span>= 10;</p>
<p class="texto1"><span class="prog1">//criando o estilo para o título </span><br />
estilo.<span class="css3">setStyle</span>(<span class="css2">&#8220;titulo&#8221;</span>, {textTransform: <span class="css2">&#8216;capitalize&#8217;</span>, fontFamily:<span class="css2"> &#8216;Verdana, Arial, Helvetica, sans-serif&#8217;</span>, color:<span class="css2">&#8216;#003366&#8242;</span>,fontWeight:<span class="css2">&#8216;bold&#8217;,fontSize:&#8217;14px&#8217;</span>});<br />
<span class="prog1">//criando o estilo para o conteúdo, utilizando a variável i para o tamanho da fonte </span><br />
estilo.<span class="css3">setStyle</span>(<span class="css2">&#8220;conteudo&#8221;</span>, {color:<span class="css2">&#8216;#666666&#8242;</span>,fontSize:i,fontFamily: <span class="css2">&#8216;Verdana, Arial, Helvetica, sans-serif&#8217;</span>});<br />
<span class="prog1">//setando o estilo ao campo de texto </span><br />
campo.<span class="css3">styleSheet</span> = estilo;</p>
<p class="texto1"><span class="prog1">//configurando o campo de texto </span><br />
campo.<span class="css3">multiline</span>= <span class="css3">true</span>;<br />
campo.<span class="css3">wordWrap</span> = <span class="css3">true</span>;<br />
campo.<span class="css3">html</span> = <span class="css3">true</span>;</p>
<p class="texto1"><span class="prog1">//inserindo titulo e conteúdo ao campo de texto </span><br />
campo.<span class="css3">htmlText </span>= <span class="css2">&#8220;&lt;titulo&gt;Flash + Css &#8211; MxStudio&lt;/titulo&gt;&#8221;</span>;<br />
campo.<span class="css3">htmlText </span>+= <span class="css2">&#8220;&lt;conteudo&gt;É muito útil a utilização do Css no Flash&lt;/conteudo&gt;&#8221;</span>;</p>
<p class="texto1"><span class="prog1">/*<br />
agora vamos criar a função que é executada quando<br />
o botao aumenta for acionado. Ele aumenta o valor da variavel<br />
que configura o tamanho do texto, assim aumentando o texto<br />
*/ </span><br />
aumenta.<span class="css3">onPress</span> =<span class="css3"> function</span>(){<br />
i+=2;<br />
estilo.<span class="css3">setStyle</span>(<span class="css2">&#8220;conteudo&#8221;</span>, {color<span class="css2">:&#8217;#666666&#8242;</span>,fontSize:i,fontFamily: <span class="css2">&#8216;Verdana, Arial, Helvetica, sans-serif&#8217;</span>});<br />
}</p>
<p class="texto1"><span class="prog1">// faz praticamente o mesmo que a funcao do botao aumentar, só que diminui </span><br />
diminui.<span class="css3">onPress</span> = <span class="css3">function</span>(){<br />
i-=2;<br />
estilo.<span class="css3">setStyle</span>(<span class="css2">&#8220;conteudo&#8221;</span>, {color:<span class="css2">&#8216;#666666&#8242;</span>,fontSize:i,fontFamily: <span class="css2">&#8216;Verdana, Arial, Helvetica, sans-serif&#8217;</span>});<br />
}</p>
<p class="texto1">E o resultado final deve ser semelhante a este:</p>
<p class="texto1" align="center"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="150" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="quality" value="high" /><param name="src" value="http://www.mxstudio.com.br/mx_novo/wp-admin/html9643_coluna_imagens/coluna.swf" /><embed type="application/x-shockwave-flash" width="400" height="150" src="http://www.mxstudio.com.br/mx_novo/wp-admin/html9643_coluna_imagens/coluna.swf" quality="high"></embed></object></p>
<p class="texto1">Abraços, e até a próxima coluna.</p>
</td>
</tr>
</tbody>
</table>
]]></content:encoded>
			<wfw:commentRss>http://www.mxstudio.com.br/desenvolvimento/flash/criando_estilos_no_flash/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Utilizando css no flash</title>
		<link>http://www.mxstudio.com.br/desenvolvimento/flash/utilizando_css_no_flash/</link>
		<comments>http://www.mxstudio.com.br/desenvolvimento/flash/utilizando_css_no_flash/#comments</comments>
		<pubDate>Sat, 12 Mar 2005 00:00:00 +0000</pubDate>
		<dc:creator>Andrews_Medina</dc:creator>
				<category><![CDATA[Flash]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Aprenda a utilizar as folhas de estilo para configurar textos no flash.]]></description>
			<content:encoded><![CDATA[<p>&lt;!&#8211; .texto1 { 	font-family: Verdana, Arial, Helvetica, sans-serif; 	font-size: 12px; 	color: #000000; } .css1 { 	color: #FF00FF; 	font-family: Verdana, Arial, Helvetica, sans-serif; 	font-size: 12px; } .css2 { 	font-family: Verdana, Arial, Helvetica, sans-serif; 	color: #0000FF; 	font-size: 12px; } .prog1 { 	font-family: Verdana, Arial, Helvetica, sans-serif; 	font-size: 12px; 	color: #666666; } .css3 { 	font-family: Verdana, Arial, Helvetica, sans-serif; 	font-size: 12px; 	color: #000066; } &#8211;&gt;</p>
<table border="0" cellspacing="0" cellpadding="0" width="500">
<tbody>
<tr>
<td scope="col">
<p class="texto1">Fala galera!</p>
<p class="texto1">Eu tava meio sumido aqui do mxstudio, mas agora estou voltando com tudo!</p>
<p class="texto1">Há uns anos atrás quando desenvolvia-se um site, para formatar um texto era necessário configurar a formatação para cada texto, como se faz no word por exemplo. Isso era bem trabalhoso, quando era necessário trocar a formatação dos títulos era necessário ir título por título trocando a formatação.</p>
<p class="texto1">Para resolver esse problema foram criadas as folhas de estilo em cascata, as css. Com as css é possível criar um estilo e atribuir esse estilo a todos os títulos e quando modificar o estilo os títulos são modificados automaticamente.</p>
<p class="texto1">No Macromedia Flash é possível a utilização de estilos para serem utilizados no flash.</p>
<p class="texto1">Nessa matéria irei abordar como se importar um arquivo .css no flash e as duas maneiras de utilizá-lo.</p>
<p class="texto1">Quem tiver problema em como criar estilos, aqui no mxstudio há vários artigos explicando como que funciona criar e utilizá-los. Vejam o link: <a href="http://www.mxstudio.com.br/do.search.php?qry=css">Artigos sobre css do MxStudio</a></p>
<p class="texto1">O arquivo css utilizado terá a seguinte estrutura:</p>
<p class="texto1">estilos.css</p>
<p><span class="css1">.titulo {</span><br />
<span class="css3">font-family</span><span class="css1">:</span> <span class="css2">Verdana, Arial, Helvetica, sans-serif</span><span class="css1">;</span><br />
<span class="css3">font-size</span><span class="css1">: </span><span class="css2">14px</span><span class="css1">;<br />
</span><span class="css3">text-transform</span><span class="css1">: </span><span class="css2">capitalize</span><span class="css1">;<br />
</span><span class="css3">font-weight</span><span class="css1">: </span><span class="css2">bold</span><span class="css1">;<br />
</span><span class="css3">color</span><span class="css1">: </span><span class="css2">#003366</span><span class="css1">;</span><br />
<span class="css1">}</span></p>
<p><span class="css1">.conteudo {</span><br />
<span class="css3">font-family</span><span class="css1">:</span> <span class="css2">Verdana, Arial, Helvetica, sans-serif</span><span class="css1">;</span><br />
<span class="css3">font-size</span><span class="css1">:</span> <span class="css2">10px</span><span class="css1">;</span><br />
<span class="css3">color</span><span class="css1">:</span> <span class="css2">#666666</span><span class="css1">;</span><br />
<span class="css1">}</span></p>
<p class="texto1">Agora no flash crie um novo documento (ctrl+n) e nesse documento crie um campo de texto dinâmico e instancie ele como ctexto.</p>
<p class="texto1" align="center"><img src="http://www.mxstudio.com.br/imagens_artigos/coluna_imagens/fig1.jpg" border="&gt;&lt;/p&gt; &lt;p class=" alt="" width="174" height="80" />Tire a seleção do campo de texto e abra o painel de ações (F9)</p>
<p class="prog1">//criando o objeto que armazenará os estilos<br />
<span class="css3">var</span> <span class="texto1">estilo = </span><span class="css3">new TextField.StyleSheet()</span><span class="texto1">;</span></p>
<p class="prog1">//carregando o estilos.css<br />
<span class="texto1">estilo</span>.<span class="css3">load</span><span class="texto1">(</span><span class="css2">&#8220;estilos.css&#8221;</span><span class="texto1">);</span></p>
<p><span class="prog1">//adicionando os estilos ao campo de texto</span><br />
<span class="texto1">ctexto.</span><span class="css3">styleSheet</span> <span class="texto1">= estilo;</span></p>
<p><span class="prog1">/*<br />
configurando o campo de texto como multilinha,<br />
wordWrap e<br />
ativar o html para que ele exiba códigos em html<br />
*/</span><br />
<span class="texto1">ctexto.</span><span class="css3">multiline</span><span class="texto1"> = </span><span class="css3">true</span><span class="texto1">;<br />
ctexto.</span><span class="css3">wordWrap</span><span class="texto1"> = </span><span class="css3">true</span><span class="texto1">;<br />
ctexto.</span><span class="css3">html</span><span class="texto1"> = </span><span class="css3">true</span><span class="texto1">; </span></p>
<p><span class="prog1">/*<br />
vamos adicionar o texto no formato html<br />
utilizando as tags &lt;p&gt;<br />
*/<br />
</span><br />
<span class="texto1">ctexto.</span><span class="css3">htmlText</span><span class="texto1"> = </span><span class="css2">&#8220;&lt;p class=\&#8221;titulo\&#8221;&gt;Flash + Css &#8211; MxStudio&lt;/p&gt;&#8221;</span><span class="texto1">;<br />
ctexto.</span><span class="css3">htmlText</span><span class="texto1"> += </span><span class="css2">&#8220;&lt;p class=\&#8221;conteudo\&#8221;&gt;É muito útil a utilização do Css no Flash&lt;/p&gt;&#8221;</span><span class="texto1">; </span></p>
<p class="texto1">Ficar criando prágrafos com a tag &lt;p&gt; no flash é meio chato, por isso existe outra maneira de usar o css no flash. Essa outra forma funciona como se você estivesse trabalhando com xml+css.</p>
<p class="texto1">Primeiro é preciso modificar o estilos.css retirando os pontos que ficam antes do nome dos estilos.</p>
<p class="texto1">estilos.css</p>
<p><span class="css1">titulo {</span><br />
<span class="css3">font-family</span><span class="css1">:</span> <span class="css2">Verdana, Arial, Helvetica, sans-serif</span><span class="css1">;</span><br />
<span class="css3">font-size</span><span class="css1">: </span><span class="css2">14px</span><span class="css1">;<br />
</span><span class="css3">text-transform</span><span class="css1">: </span><span class="css2">capitalize</span><span class="css1">;<br />
</span><span class="css3">font-weight</span><span class="css1">: </span><span class="css2">bold</span><span class="css1">;<br />
</span><span class="css3">color</span><span class="css1">: </span><span class="css2">#003366</span><span class="css1">;</span><br />
<span class="css1">}</span></p>
<p><span class="css1">conteudo {</span><br />
<span class="css3">font-family</span><span class="css1">:</span> <span class="css2">Verdana, Arial, Helvetica, sans-serif</span><span class="css1">;</span><br />
<span class="css3">font-size</span><span class="css1">:</span> <span class="css2">10px</span><span class="css1">;</span><br />
<span class="css3">color</span><span class="css1">:</span> <span class="css2">#666666</span><span class="css1">;</span><br />
<span class="css1">}</span></p>
<p class="texto1">A outra alteração está na atribuição do texto, em vez de utilizar &lt;p class=titulo&gt;texto&lt;/p&gt; utiliza-se o nome do estilo como tag, por exemplo &lt;titulo&gt;texto&lt;/titulo&gt;. Ficando assim:</p>
<p class="prog1">//criando o objeto que armazenará os estilos<br />
<span class="css3">var</span> <span class="texto1">estilo = </span><span class="css3">new TextField.StyleSheet()</span><span class="texto1">;</span></p>
<p class="prog1">//carregando o estilos.css<br />
<span class="texto1">estilo</span>.<span class="css3">load</span><span class="texto1">(</span><span class="css2">&#8220;estilos.css&#8221;</span><span class="texto1">);</span></p>
<p><span class="prog1">//adicionando os estilos ao campo de texto</span><br />
<span class="texto1">ctexto.</span><span class="css3">styleSheet</span> <span class="texto1">= estilo;</span></p>
<p><span class="prog1">/*<br />
configurando o campo de texto como multilinha,<br />
wordWrap e ativar o html para que ele exiba códigos em html<br />
*/</span><br />
<span class="texto1">ctexto.</span><span class="css3">multiline</span><span class="texto1"> = </span><span class="css3">true</span><span class="texto1">;<br />
ctexto.</span><span class="css3">wordWrap</span><span class="texto1"> = </span><span class="css3">true</span><span class="texto1">;<br />
ctexto.</span><span class="css3">html</span><span class="texto1"> = </span><span class="css3">true</span><span class="texto1">; </span></p>
<p><span class="prog1">/*<br />
adicionando o texto no novo formato<br />
*/ </span><br />
<span class="texto1">ctexto.</span><span class="css3">htmlText</span><span class="texto1"> = </span><span class="css2">&#8220;&lt;titulo&gt;Flash + Css &#8211; MxStudio&lt;/titulo&gt;&#8221;</span><span class="texto1">;<br />
ctexto.</span><span class="css3">htmlText</span><span class="texto1"> += </span><span class="css2">&#8220;&lt;conteudo&gt;É muito útil a utilização do Css no Flash&lt;/conteudo&gt;&#8221;</span><span class="texto1">; </span></p>
<p class="texto1">O exemlo ficara da seguinte forma:</p>
<p align="center"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="150" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="quality" value="high" /><param name="src" value="http://www.mxstudio.com.br/mx_novo/wp-admin/coluna_imagens/coluna.swf" /><embed type="application/x-shockwave-flash" width="400" height="150" src="http://www.mxstudio.com.br/mx_novo/wp-admin/coluna_imagens/coluna.swf" quality="high"></embed></object></p>
<p class="texto1" align="left">Mas isso é só o começo, o flash tem mais recursos quando se fala de css. E na próxima coluna mostrarei esses recursos.</p>
<p class="texto1" align="left">Até a próxima galera!!!</p>
</td>
</tr>
</tbody>
</table>
]]></content:encoded>
			<wfw:commentRss>http://www.mxstudio.com.br/desenvolvimento/flash/utilizando_css_no_flash/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Criando menu utilizando xml</title>
		<link>http://www.mxstudio.com.br/desenvolvimento/flash/criando_menu_utilizando_xml/</link>
		<comments>http://www.mxstudio.com.br/desenvolvimento/flash/criando_menu_utilizando_xml/#comments</comments>
		<pubDate>Sun, 05 Dec 2004 00:00:00 +0000</pubDate>
		<dc:creator>Andrews_Medina</dc:creator>
				<category><![CDATA[Flash]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Vamos ver como fazer um menu atrav&#233;s de um &#250;nico MovieClip, duplicando ele conforme os dados vindos do xml.]]></description>
			<content:encoded><![CDATA[<p>&lt;!&#8211; .texto { 	font-family: Tahoma; 	font-size: 11px; 	color: #000000; } .titulo_colunas { 	font-family: Tahoma; 	font-size: 11px; 	font-weight: bold; 	color: #3E6185; } .texto_azul { 	font-family: Tahoma; 	font-size: 11px; 	color: #3E6185; } .textodiferente { 	font-family: Tahoma; 	font-size: 11px; 	color: #6699FF; } .numerodacoluna { font-family: Tahoma; 	font-size: 11px; 	font-weight: bold; 	color: #3E6185; } &#8211;&gt;</p>
<table border="0" cellspacing="0" cellpadding="0" width="580">
<tbody>
<tr>
<td>
<p class="titulo_colunas">Criando menu utilizando xml</p>
<p class="texto">Nível: Intermediário<br />
Flash Mx 2004</p>
<p class="texto">Hoje em dia automar tarefas na criação e deixar projetos feitos em flash com fácil atualização tem sido dor de cabeça para muita gente.</p>
<p class="texto">Vamos ver como fazer um menu através de um único MovieClip, duplicando ele conforme os dados vindos do xml.</p>
<p class="texto">Primeiro crie o xml, utilizando o bloco de notas ou qualquer outro editor. Ele deve ficar assim:</p>
<p class="texto">menu.xml</p>
<p class="texto_azul">&lt;?xml version=&#8221;1.0&#8243; encoding=&#8221;UTF-8&#8243;?&gt;<br />
&lt;menu&gt;<br />
&lt;item&gt;<br />
&lt;texto&gt;<br />
&lt;![CDATA[<span class="textodiferente">mxstudio</span>]]&gt;<br />
&lt;/texto&gt;<br />
&lt;link&gt;<br />
&lt;![CDATA[<span class="textodiferente">http://www.mxstudio.com.br</span>]]&gt;<br />
&lt;/link&gt;<br />
&lt;/item&gt;<br />
&lt;item&gt;<br />
&lt;texto&gt;<br />
&lt;![CDATA[<span class="textodiferente">forum</span>]]&gt;<br />
&lt;/texto&gt;<br />
&lt;link&gt;<br />
&lt;![CDATA[<span class="textodiferente">http://forum.mxstudio.com.br</span>]]&gt;<br />
&lt;/link&gt;<br />
&lt;/item&gt;<br />
&lt;/menu&gt;</p>
<p class="texto">O menu é o nó principal ou primeiro nó. Os itens item é um subnó do menu, e texto e link são subnós do nó item.</p>
<p class="texto">No flash isso ficaria assim:</p>
<p class="texto"><span class="texto_azul">xml.childNodes[0]</span> ou <span class="texto_azul">xml.firstChild</span> para carregar o menu e todo seu conteúdo</p>
<p class="texto"><span class="texto_azul">xml.childNodes[0].childNodes[0]</span> para carregar o primeiro item</p>
<p class="texto"><span class="texto_azul">xml.childNodes[0].childNodes[1]</span> para carregar o segundo item</p>
<p class="texto"><span class="texto_azul">xml.childNodes[0].childNodes[0].childNodes[0].firstChild</span> para carregar o texto do primeiro item</p>
<p class="texto">e assim por diante&#8230;</p>
<p align="center"><img src="http://www.mxstudio.com.br/imagens_artigos/http://www.mxstudio.com.br/tutorial/cyber2/menuxml1.jpg" border="&gt;&lt;/p&gt; &lt;p class=" alt="" width="339" height="227" />Para começar o nosso botão crie um MovieClip com 2 camadas e 2 frames. Numa camada você criará um campo de texto dinâmico e na outra crie o fundo do seu botão, no primeiro frame colocando como ficará o botão em estado normal e no segundo frame como ele deve ficar quando estiver no modo RollOver. Clique no primeiro frame do MovieClip e abra o painel de ações e digite o comando:</p>
<p class="textodiferente">stop();</p>
<p class="texto">para pausar ele no primeiro frame.</p>
<p align="center"><img src="http://www.mxstudio.com.br/imagens_artigos/http://www.mxstudio.com.br/tutorial/cyber2/menuxml2.jpg" border="&gt;&lt;/p&gt; &lt;p class=" alt="" width="418" height="205" />Instancie o campo de texto dinâmico como &#8216;texto&#8217;</p>
<p class="texto">Vá para a cena e instancie o MovieClip todo como &#8216;bt&#8217;</p>
<p class="texto">Agora vamos para as ações, nós carregaremos o xml, e quando ele for carregado ele criará e configurará os botões do nosso menu.</p>
<p class="texto">Ele criará os botões através do MovieClip &#8216;bt&#8217; que acabamos de criar. Ele usará esse MovieClip como um modelo para os outros.</p>
<p class="texto">Clique no primeiro frame e abra o painel de ações (F9)</p>
<p class="texto_azul">//Vamos começar criando o objeto responsável pelo xml<br />
var dados:XML = new XML();</p>
<p class="texto_azul">//Vamos ignorar os espaços em branco<br />
dados.ignoreWhite = true;</p>
<p class="texto_azul">//Carregamos o xml<br />
dados.load(&#8216;menu.xml&#8217;);</p>
<p class="texto_azul">//Quando o xml for carregado<br />
dados.onLoad = function():Void {</p>
<p><span class="texto_azul">//vamos pegar a quantidade de itens que há no xml<br />
qtd = this.childNodes[0].childNodes.length;</span></p>
<p><span class="texto_azul">/*<br />
vamos criar um laço de repetição gerando botoes<br />
de acordo com a quantidade de itens<br />
*/</p>
<p>for(i=0; i&lt;qtd; i++){</span></p>
<p>//agora duplicamos o MovieClip &#8216;bt&#8217; que é o nosso modelo<br />
bt.duplicateMovieClip(&#8216;bt&#8217; + i, _root.getNextHighestDepth());</p>
<p>//configuramos a altura do novo botao<br />
_root['bt'+i]._y+=i*22;</p>
<p>//pegmaos no xml o texto desse botao</p>
<p>_root['bt'+i].t = this.childNodes[0].childNodes[i].childNodes[0].firstChild;</p>
<p>//e colocamos o texto no campo de texto dinamico do botao<br />
_root['bt'+i].texto.text = _root['bt'+i].t;</p>
<p>//pegamos o link do botao no xml<br />
_root['bt'+i].link = this.childNodes[0].childNodes[i].childNodes[1].firstChild;</p>
<p>//criamos a funcao para quando o botao for pressionado<br />
_root['bt'+i].onPress = function(){<br />
getURL(this.link);<br />
}</p>
<p>//criamos a funcao rollover para o botao<br />
_root['bt'+i].onRollOver = function(){<br />
this.gotoAndStop(2);<br />
}</p>
<p>//Criamos a função rollout<br />
_root['bt'+i].onRollOut = function(){<br />
this.gotoAndStop(1);<br />
}</p>
<p class="texto_azul">}</p>
<p>//Removemos o MovieClip &#8216;bt&#8217; que funcionou como molde</p>
<p class="texto_azul">bt.unloadMovie();<br />
}</p>
<p class="texto">Para adicionar itens ao menu é só modificar o xml. E o swf final ficou com menos de 1kb nesse caso.</p>
<p align="center"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="250" height="100" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="quality" value="high" /><param name="src" value="http://www.mxstudio.com.br/tutorial/cyber2/Untitled-5.swf" /><embed type="application/x-shockwave-flash" width="250" height="100" src="http://www.mxstudio.com.br/tutorial/cyber2/Untitled-5.swf" quality="high"></embed></object></p>
<p class="texto" align="left">Abraços e até a próxima coluna.</p>
</td>
</tr>
</tbody>
</table>
]]></content:encoded>
			<wfw:commentRss>http://www.mxstudio.com.br/desenvolvimento/flash/criando_menu_utilizando_xml/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Viajando pelo Actionscript 2 &#8211; operadores</title>
		<link>http://www.mxstudio.com.br/desenvolvimento/flash/viajando_pelo_actionscript_2___operadores/</link>
		<comments>http://www.mxstudio.com.br/desenvolvimento/flash/viajando_pelo_actionscript_2___operadores/#comments</comments>
		<pubDate>Sat, 25 Sep 2004 00:00:00 +0000</pubDate>
		<dc:creator>Andrews_Medina</dc:creator>
				<category><![CDATA[Flash]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Veja como utilizar operadores no actionscript, desde os operadores b&#225;sicos at&#233; os mais avan&#231;ados.]]></description>
			<content:encoded><![CDATA[<table border="0" cellspacing="0" cellpadding="0" width="580" align="center">
<tbody>
<tr>
<td class="texto" scope="col"><span class="titulo_colunas">Viajando pelo Actionscript 2 &#8211; operadores </span></p>
<p class="texto">Fala pessoal!!<br />
Nessa coluna de hoje continuarei a falar sobre o as2, e falarei sobre operadores. Vamos lá&#8230;</p>
<p class="titulo_colunas"><strong>O que são operadores?</strong></p>
<p class="texto">São comandos responsáveis pela realização de expressões ou cálculos.</p>
<p class="titulo_colunas">Principais operadores</p>
<p class="texto">Os principais tipos de operadores são: matemáticos, binários, lógicos, relacioinais e operadores de concatenação.</p>
<p class="texto_azul">Matemáticos</p>
<p class="texto">Não há muito o que falar sobre operadores matemáticos. Eles servem para realizar expressões matemáticas:</p>
<p class="texto_azul">soma  ( + ) &#8211; calcula a soma<br />
subtração ( &#8211; ) &#8211; calcula a subtração<br />
multiplicação ( * ) &#8211; calcula a multiplicação<br />
divisão ( / ) &#8211; calcula a divisão<br />
módulo (%) &#8211; calcula o resto de uma divisão<br />
incremento (++) &#8211; adiciona 1 a algum valor<br />
decremento (&#8211;)<br />
- diminui 1 a algum valor</p>
<p class="texto">Abra o action panel de seu flash mx 2004 e digite:</p>
<p class="textodiferente">var a:Number = 15;<br />
var b:Number = 5;</p>
<p class="textodiferente">trace(a+b);<br />
trace(a-b);<br />
trace(a*b);<br />
trace(a/b);<br />
trace(a%b);<br />
a++;<br />
b&#8211;;<br />
trace(a);<br />
trace(b);</p>
<p class="texto">usando o ctrl+enter teremos o resultado:</p>
<p><img src="http://www.mxstudio.com.br/imagens_artigos/tutorial/htmlU43U03_texto_imagens/as2_col3_1.jpg" alt="" width="316" height="&gt; &lt;/p&gt; &lt;p class=" />Relacionais</p>
<p class="texto">Operadores relacionais servem para comparações. Veja as formas possíveis:</p>
<p class="texto_azul">Igualdade (= =) &#8211; verifica se os valores são iguais<br />
Diferença (! =<br />
) &#8211; verifica se os valores são diferentes<br />
Maior que (&gt;) &#8211; verifica se o valor é maior que outro<br />
Menor que (&lt;) &#8211; verifica se o valor é menor que o outro<br />
Maior ou igual (&gt;=) &#8211; verifica se o valor é maior ou igual outro<br />
Menor ou igual (&lt;=)<br />
- verifica se o valor é menor ou igual ao outro</p>
<p class="texto">se essas a condição for verdadeira o retorno será &#8220;true&#8221;, senão retornará &#8220;false&#8221;.</p>
<p class="texto">Vamos aos códigos:</p>
<p class="textodiferente">var a:Number = 15;<br />
var b:Number = 5;</p>
<p class="textodiferente">trace(a==b);<br />
trace(a!=b);<br />
trace(a&gt;b);<br />
trace(a&lt;b);<br />
trace(a&gt;=b);<br />
trace(a&lt;=b);</p>
<p>e o resultado:</p>
<p><img src="http://www.mxstudio.com.br/imagens_artigos/tutorial/htmlU43U03_texto_imagens/as2_col3_2.jpg" alt="" width="316" height="&gt;  &lt;/p&gt; &lt;p class=" />Lógicos</p>
<p>Operadores lógicos servem para manipular expressões relacionais.</p>
<p class="texto_azul">E &#8211; &amp;&amp; &#8211; todas as expressões tem que retornar true para que seja retornado true<br />
OU &#8211; ||-se uma das expressões retornar true ele retorna true<br />
NÃO &#8211; ! &#8211; inverte o valor</p>
<p>Tabela do &amp;&amp; (and), onde 1 é true e 0 é false</p>
<p class="textodiferente">A &#8211; B &#8211; resultado<br />
0 &#8211; 0 &#8211; 0<br />
0 &#8211; 1 &#8211; 0<br />
1 &#8211; 0 &#8211; 0<br />
1 &#8211; 1 &#8211; 1</p>
<p>Tabela do || (ou)</p>
<p class="textodiferente">A &#8211; B &#8211; resultado<br />
0 &#8211; 0 &#8211; 0<br />
0 &#8211; 1 &#8211; 1<br />
1 &#8211; 0 &#8211; 1</p>
<p>1 &#8211; 1 &#8211; 1</p>
<p class="texto">Tabela do ! (não)</p>
<p class="textodiferente">A &#8211;   resultado<br />
0 &#8211; 1<br />
1 &#8211; 0</p>
<p>Agora na prática:</p>
<p class="textodiferente">trace(true &amp;&amp; true);<br />
trace(true &amp;&amp; false);<br />
trace(false &amp;&amp; false);<br />
trace(true || true);<br />
trace(true || false);<br />
trace(false || false);<br />
trace(!false);<br />
trace(!true);</p>
<p class="textodiferente"><img src="http://www.mxstudio.com.br/imagens_artigos/tutorial/htmlU43U03_texto_imagens/as2_col3_3.jpg" alt="" width="316" height="&gt;&lt;/p&gt; &lt;p class=" />Concatenação</p>
<p>Servem para unir duas variáveis do tipo string ( texto).</p>
<p class="texto_azul">+ &#8211; concatenador</p>
<p class="texto">no action panel digite:</p>
<p class="textodiferente">var nome:String = &#8220;Andrews&#8221;;<br />
var sobrenome:String = &#8220;Medina&#8221;;</p>
<p class="textodiferente">trace(nome + &#8221; &#8221; + sobrenome);<br />
trace(nome + &#8221; é muito legal!!!&#8221;);</p>
<p class="texto">e veja:</p>
<p class="textodiferente"><img src="http://www.mxstudio.com.br/imagens_artigos/tutorial/htmlU43U03_texto_imagens/as2_col3_4.jpg" alt="" width="316" height="&gt; &lt;/p&gt; &lt;p class=" />Binários</p>
<p>Operadores binários não são tão comuns como os outros operadores devida a sua complexidade de uso. Eles servem para manipular dados binários, e para entende-los é preciso conhecer no mínimo o básico sobre números e calculos binários.</p>
<p class="texto_azul">E  binário (&amp;) &#8211; compara os valores binários dos elementos e retorna um número formado pelos 0 dos números anteriores</p>
<p class="texto_azul">9 é 1001 em binário,  7 é 0111 (9 &amp; 7) será 0001 que é 1</p>
<p class="texto_azul">OU binário ( | ) &#8211; é o contrário do &amp;, ele repete os números 1 em comum.</p>
<p class="texto_azul">9 é 1001, 7 0111 (9 | 7) será 1111 que é 15</p>
<p class="texto_azul">deslocamento para direita (&gt;&gt;) &#8211; desloca bits a direita<br />
a utilidade é que a cada deslocamento o valor é dividido por 2.</p>
<p class="texto_azul">8 em binário é 1000 se deslocarmos ele para direita (8&gt;&gt;1) ficará 0100 que será 4.</p>
<p class="texto_azul">deslocamento para esquerda (&lt;&lt;) &#8211; desloca bits a esquerda<br />
ao contrário do anterior a cada deslocamento para esquerda o valor dobra.</p>
<p class="texto_azul">8 em binário é 1000 se deslocarmos a esquerda (8&lt;&lt;1) ficará 10000 que é 16.</p>
<p>abra novamente o painel de ações e digite:</p>
<p class="textodiferente">var a:Number = 5;<br />
var b:Number = 7;</p>
<p class="textodiferente">trace(a&amp;b);<br />
trace(a|b);<br />
trace(a&lt;&lt;1);<br />
trace(a&gt;&gt;1);</p>
<p class="texto">e o resultado será:</p>
<p class="texto"><img src="http://www.mxstudio.com.br/imagens_artigos/tutorial/htmlU43U03_texto_imagens/as2_col3_5.jpg" alt="" width="316" height="&gt;&lt;/p&gt; &lt;p class=" />há também os operadores compostos: +=, -=, /= *= e etc.. eles funcionam da seguinte maneira:</p>
<p class="texto">a+=5 é a mesma coisa que a=a+5.</p>
<p class="texto">Para dominar o uso e saber quando, como e onde usar o as2 é indispensável a constante prática&#8230; Pratiquem muito e até a próxima coluna.</p>
<p>Para tirar dúvidas acesse o <a href="http://forum.mxstudio.com.br">fórum</a> e para sugestões, envie um e-mail para andrewsmedina@gmail.com</p>
<p align="left"><strong>Andrews Patrick Rocha Medina </strong></p>
</td>
</tr>
</tbody>
</table>
]]></content:encoded>
			<wfw:commentRss>http://www.mxstudio.com.br/desenvolvimento/flash/viajando_pelo_actionscript_2___operadores/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Evolução do Action Script</title>
		<link>http://www.mxstudio.com.br/desenvolvimento/flash/evolucao_do_action_script/</link>
		<comments>http://www.mxstudio.com.br/desenvolvimento/flash/evolucao_do_action_script/#comments</comments>
		<pubDate>Fri, 24 Sep 2004 00:00:00 +0000</pubDate>
		<dc:creator>Andrews_Medina</dc:creator>
				<category><![CDATA[Flash]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Confira as evolu&#231;&#245;es do AS 2.0.<br />
]]></description>
			<content:encoded><![CDATA[<style type="text/css">
<!--
@import url("http://www.mxstudio.com.br/_colunistas/css_coluna.css");
-->
</style>
<table width="580" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<p class="titulo_colunas">Olá pessoal. </p>
<p class="texto_azul">Estou feliz em estar aqui com vocês nessa nova temporada do MXStudio. Acredito que esse será um canal importante de comunicação onde todos iremos aprender bastante com o conhecimento um do outro. Estarei sempre disposta a ajudar no que for possível respondendo não somente dúvidas referentes aos artigos da coluna, como também qualquer outra dúvida que vocês tenham na área. </p>
<p class="texto_azul">À medida que forem chegando sugestões mais &#8220;cabulosas&#8221;, vamos trabalhá-las de forma que consigamos construir uma coluna que agrade todos os níveis de conhecimento. </p>
<p align="center" class="titulo_colunas">Evolução do ActionScript </p>
<p>      <span class="texto"></p>
<p>A coluna de hoje tem o objetivo de situar você no AS2.0. É bastante interessante que tanto os novatos nessa área, quanto o pessoal do AS1.0 fixem bem os novos conceitos que serão apresentados. Pode-se dizer que a evolução do ActionScript objetivou um ganho na reusabilidade, na manutenibilidade e na escalabilidade das aplicações. Para entender bem cada melhoria é necessário ter uma base de orientação a objetos, que foi o paradigma escolhido para a reformulação do AS. Aos poucos vou dando essa base para vocês. </p>
<p>O editor do flash sofreu algumas mudanças. Foi retirado o modo normal e foi implementada a quebra de linha. Outra grande vantagem para a organização e reusabilidade do nosso código é a possibilidade de importar/exportar scripts e na versão <em>Professional</em> contamos ainda com um editor de ActionScript. Quem usa o <em>Home</em> não precisa se preocupar. Você pode editar os arquivos de ActionScript no bloco de notas e quando salvar trocar a extensão do arquivo para .as. </p>
<p>A implementação da tipagem das variáveis foi fundamental. Através dela podemos  encontrar os métodos associados à classe da nossa instancia. Nada de decorar aqueles sufixos (_mc, _btn, &#8230;), basta declarar sua instancia como sendo um MovieClip. Isso também se aplica aos demais objetos do flash como componentes e text fields por exemplo. </p>
<p>O compilador do flash também teve seu upgrade e só isso já justificaria a migração para o MX 2004. Sua performance está bem melhor já que ele otimiza TODO código ActionScript que é compilado. </p>
<p>Aos poucos vamos discutir cada mudança. Vamos começar por: </p>
<p align="center" class="titulo_colunas">Case Sensitive, Tipagem e Code Hinting.</p>
<p class="titulo_colunas">Case Sensitive: </p>
<p>Uma coisinha que pode dar dor de cabeça aos desenvolvedores AS1.0: nessa versão do AS o compilador é case sensitive, ou seja, ele diferencia as letras maiúsculas de minúsculas. Por exemplo: </p>
<p>var meuNome = &#8220;Sarah&#8221;; </p>
<p>é diferente de </p>
<p>var meunome = &#8220;Sarah&#8221;; </p>
<p>Vamos fazer um teste. Abra o Flash, e no painel de ações (veja a coluna do <a href="http://www.mxstudio.com.br/views.tutorial.php?act=view&#038;cid=3&#038;aid=321">Andrews</a> para maiores detalhes) e digite: </p>
<p>var meuNome = &#8220;Sarah&#8221;; <br />
      trace(&#8220;Conteúdo da variável meuNome: &#8220;+meuNome); <br />
      trace(&#8220;Conteúdo da variável meunome: &#8220;+meunome); </p>
<p>No output panel, deve ter aparecido o seguinte resultado: </p>
<p>Conteúdo da variável meuNome: Sarah<br />
      Conteúdo da variável meunome: undefined </p>
<p align="center"><img src="http://www.mxstudio.com.br/imagens_artigos/tutorial/htmlU83I47_20040924 - evolucao do actionscript_imagens/sarah_20040924_01.gif" width="407" height="></p>
<p>Um conselho é não utilizar essa mudança para criar variáveis com o mesmo nome só que em caixa diferente. O Flash Player 6.0 interpretaria essas variáveis como sendo a mesma: </p>
<p>var tipoProduto = &#8220;Vestuário&#8221;; <br />
      var tipoproduto = &#8220;Alimentício&#8221;; <br />
      trace(&#8220;tipoProduto: &#8220;+tipoProduto)<br />
; <br />
trace(&#8220;tipoproduto: &#8220;+tipoproduto) ;</p>
<p align="center"><img src="http://www.mxstudio.com.br/imagens_artigos/tutorial/htmlU83I47_20040924 - evolucao do actionscript_imagens/sarah_20040924_02.gif" width="407" height="160"></p>
<p class=">Tipagem:</p>
<p>Através da tipificação das variáveis, podemos ajudar o Flash a depurar nosso código alertando quando irregularidades acontecem no código. </p>
<p>Cada classe do ActionScript2.0 possui um tipo e cada instancia dessa classe deve ser declarada com a palavra reservada var e seu tipo. </p>
<p>Para declarar uma variável do tipo String bastaria o seguinte código: </p>
<p>nomeProduto = new String(); </p>
<p>Para que o compilador verifique o uso dessa variável durante o código entretanto, faz-se necessária a declaração da seguinte maneira: </p>
<p>var nomeProduto = new String(); </p>
<p class="titulo_colunas">Code hinting:</p>
<p>Hinting significa &#8220;dar pista&#8221; e é justamente isso que o Code Hinting do flash faz para você. Ele te dá uma pista de onde o seu código está errado para que você o corrija e sua aplicação funcione corretamente. Todos os seus objetos podem (e devem) ser declarados, inclusive os visuais. Um combobox poderia ser declarado da seguinte maneira: </p>
<p>var seletorIdiomas:mx.controls.ComboBox; </p>
<p>E como funciona na prática o code hinting? Vamos fazer o seguinte teste. No painel action do flash, digite o seguinte código: </p>
<p>var produto:String = new String(&#8220;Sashimi&#8221;); <br />produto = 10; </p>
<p>Aparecerá no output panel a seguinte mensagem: </p>
<p align="center"><img src="http://www.mxstudio.com.br/imagens_artigos/tutorial/htmlU83I47_20040924 - evolucao do actionscript_imagens/sarah_20040924_03.gif" width="510" height="></p>
<p>Talvez em um exemplo de duas linhas pareça uma bobagem. Mas em uma aplicação grande você pode não se lembrar que a variável produto representava a string do nome produto e atribuir por exemplo um código numérico a ele. </p>
<p><em>Erros comuns: </em></p>
<p>var meuProduto:Object = new Object(); <br />
      meuProduto.prodNome:String = &#8220;Uramaki&#8221;; </p>
<p align="center"><img src="http://www.mxstudio.com.br/imagens_artigos/tutorial/htmlU83I47_20040924 - evolucao do actionscript_imagens/sarah_20040924_04.gif" width="470" height="></p>
<p>O flash não suporta esse tipo de sintaxe porque é bem mais eficiente a declaração de uma classe para isso. Ou seja, você deveria criar uma classe chamada Produto que contivesse o atributo prodNome e na declaração você o tipificaria como String. Também não é permitido esse tipo de declaração: </p>
<p>_parent.variavel:String = &#8220;Minha Variável&#8221;; </p>
<p align="center"><img src="http://www.mxstudio.com.br/imagens_artigos/tutorial/htmlU83I47_20040924 - evolucao do actionscript_imagens/sarah_20040924_05.gif" width="477" height="></p>
<p>A tipagem só poderá ser feita para variáveis definidas diretamente na timeline ou em uma classe. </p>
<p>Esse conceito contrasta muito com o que os desenvolvedores AS2.0 estão acostumados, mas é uma boa prática de programação. Dessa forma, todas as variáveis poderão ser verificadas pelo compilador que irá gerar um erro avisando o que está errado. </p>
<p>Ainda há muito para explorar das inovações do AS2.0. na próxima matéria falarei sobre os tipos de dados AS2.0. </p>
<p>No próximo artigo entraremos o assunto Classes, onde vamos entender esse conceito e como ele é aplicado no AS2.0. </p>
<p>Até o próximo artigo! <img src='http://www.mxstudio.com.br/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  </p>
<p></span></p>
<p align="center" class="texto">
</td>
</tr>
</table>
]]></content:encoded>
			<wfw:commentRss>http://www.mxstudio.com.br/desenvolvimento/flash/evolucao_do_action_script/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Viajando pelo Actionscript 2 &#8211; variáveis</title>
		<link>http://www.mxstudio.com.br/desenvolvimento/flash/viajando_pelo_actionscript_2___variaveis/</link>
		<comments>http://www.mxstudio.com.br/desenvolvimento/flash/viajando_pelo_actionscript_2___variaveis/#comments</comments>
		<pubDate>Tue, 27 Jul 2004 00:00:00 +0000</pubDate>
		<dc:creator>Andrews_Medina</dc:creator>
				<category><![CDATA[Flash]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Aprenda mais sobe como trabalhar com vari&#225;ves no flash mx 2004.]]></description>
			<content:encoded><![CDATA[<table border="0" cellspacing="0" cellpadding="0" width="580" align="center">
<tbody>
<tr>
<td scope="col"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: medium;"> Viajando pelo Actionscript 2 &#8211; variáveis</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Olá galera!!!</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Primeiramente gostaria de agradecer pelos e-mails que tenho recebido, e pelos elogios que tive a respeito da última coluna.</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Na coluna de hoje continuarei abordando o actionscript 2, por isso sugiro que leia a coluna anterior:</span></p>
<p><strong><span style="font-family: Verdana,Arial,Helvetica,sans-serif;"><a href="http://www.mxstudio.com.br/views.tutorial.php?act=view&amp;aid=321" target="_blank"><span style="font-size: x-small;">Viajando pelo Actionscript 2 &#8211; introdução</span></a> </span></strong></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">O tema dessa coluna é Variáveis e tipos de dados.</span></p>
<p><strong><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: x-small;">O que são variáveis?</span></strong></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Variáveis são conteiners, ou seja espaços na memória que server para armazenar dados. As variáveis armazenam esses dados enquanto o aplicativo está em execução. </span></p>
<p><strong><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: x-small;">Nomeando variáveis</span></strong></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">As variáveis devem sempre começarem po letras ou &#8220;$&#8221; ou &#8220;_&#8221;. Ex:</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #000099; font-size: xx-small;">$bola, bola, _bola, BolA</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">E nunca</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #000099; font-size: xx-small;">3bola, )bola, 56boLA</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: x-small;"><strong>Criando variáveis</strong></span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Para criarmos variáveis usamos o comando &#8220;var&#8221;. Veja um exemplo:</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #000099; font-size: xx-small;">var nome_variavel:tipo;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">No caso acima, o tipo é o tipo da variável. O tipo da variável é definido de acordo com o valor que será armazenado nessa variável.</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: x-small;"><strong>Tipos de dados</strong></span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Tipo de dados é o tipo que um certo valor assume. Por exemplo o tamanho de um quadrado é um número por isso seu tipo de dado será Number. O nome de uma pessoa é um texto, logo o tipo de dado desse valor será String.</span></p>
<p><strong><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: x-small;">Principais tipos de dados</span></strong></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"><strong>Number</strong></span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">São todos os tipos numérios. Como idade, peso, largura. ex:</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #000099; font-size: xx-small;">var peso:Number = 50.50;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #000099; font-size: xx-small;">var idade:Number = 15;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"><strong>Boolean</strong></span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Tipo de dado lógico composto por true e false. Ou seja, verdadeiro/false. ex:</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #000099; font-size: xx-small;">var checa:Boolean = new Boolean();</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"><strong>String</strong></span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">String é o tipo de dados formado por uma cadeia de caracteres. Serve para armazenar frases, parágrafos, letras, palavras e etc. ex:</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #000099; font-size: xx-small;">var texto:String = new String(&#8220;que legal&#8221;);</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"><strong>Object</strong></span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Objeto são tipos de dados formados por todos os outros objetos do flash, como movieclips, data e etc. Veremos mais a frente sobre eles.</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: x-small;"><strong>Usando o que foi aprendido</strong></span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Agora crie um novo arquivo no flash (ctrl+n). Abra o action panel (f9), e treine o que foi abordado. Ai vai um exemplo pra vocês começarem:</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #000099; font-size: xx-small;">//vejam esse codigo</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #000099; font-size: xx-small;"> var texto:String = new String(&#8220;que legal!!!&#8221;);</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #000099; font-size: xx-small;"> var n:Number = 15;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #000099; font-size: xx-small;"> trace(n);</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #000099; font-size: xx-small;"> trace(texto);</span><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"> </span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Para tirar dúvidas acesse o <a href="http://forum.mxstudio.com.br">fórum</a> e para sugestões, envie um e-mail para andrewsmedina@gmail.com</span></p>
<p align="left"><strong><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: x-small;">Andrews Patrick Rocha Medina</span> </strong></p>
</td>
</tr>
</tbody>
</table>
]]></content:encoded>
			<wfw:commentRss>http://www.mxstudio.com.br/desenvolvimento/flash/viajando_pelo_actionscript_2___variaveis/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Viajando pelo Actionscript 2 &#8211; introdução</title>
		<link>http://www.mxstudio.com.br/desenvolvimento/flash/viajando_pelo_actionscript_2___introducao/</link>
		<comments>http://www.mxstudio.com.br/desenvolvimento/flash/viajando_pelo_actionscript_2___introducao/#comments</comments>
		<pubDate>Tue, 20 Jul 2004 00:00:00 +0000</pubDate>
		<dc:creator>Andrews_Medina</dc:creator>
				<category><![CDATA[Flash]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Veja como come&#231;ar a programar no flash usando o actionscript 2]]></description>
			<content:encoded><![CDATA[<table border="0" cellspacing="0" cellpadding="0" width="580" align="center">
<tbody>
<tr>
<td scope="col"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: medium;"> Viajando pelo Actionscript 2 &#8211; introdução </span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Saudações flashers!!!</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Com a vinda do flash mx 2004 professional, muitas coisas mudaram. Componentes novos, o uso de aplicativos flash em pockets pc e celulares, e a mudança da linguagem utilizada no flash o ActionScript 2.</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">O actionscript 2 veio com bastante mudanças reforçando e deixando a linguagem muito mais poderosa. A partir dessa coluna irei mostrar como funciona e como programar em actionscript 2 desde o início.</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Irei começar apresentando o painel usado para editar as ações, o &#8220;Action Panel&#8221;.</span></p>
<p align="center"><img src="http://www.mxstudio.com.br/imagens_artigos/tutorial/texto_imagens/as1.jpg" alt="" width="400" height="&gt;&lt;/p&gt; &lt;p align=" /><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Para acessarmos o &#8220;Action Panel&#8221; usamos o atalho &#8220;f9&#8243;.</span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">No flash mx 2004 professional não existe o modo normal e o expert como no flash mx, tem somente o modo expert. Isso ajudo a muitos começarem a programar no flash.</span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Outro painel que é muito usado para testar o código, ver os erros é o &#8220;Output Panel&#8221;, ele exibe as mensagens de erro, e através dele podemos exibir mensagem com os valores de variáveis para testarmos o nosso aplicativo. </span></p>
<p align="center"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"><img src="http://www.mxstudio.com.br/imagens_artigos/tutorial/texto_imagens/as2.jpg" alt="" width="400" height="&gt;&lt;/font&gt;&lt;/p&gt; &lt;p align=" /><strong><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: x-small;">Sintaxe do ActionScript 2</span></strong></span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Case Sensitive &#8211; o actionscript 2 diferencia maiúsculas de minúsculas. Sendo assim &#8220;BOLA&#8221; é diferente de &#8220;Bola&#8221; e de &#8220;bola&#8221;. Por isso na hora de programar preste atenção se o nome da variável esta correto em relação a maiúsculas e minúsculas.</span></span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"> ; &#8211; o ponto e vírugla é usado para delimitar o fim de um comando.</span></span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">// &#8211; as barras duplas são usadas para fazer comentário de uma linha </span></span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">/* e */ &#8211; é usado para fazer comentários de mais de uma linha</span></span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">{ e } &#8211; são usado para indicar o início e fim de um bloco de códigos</span></span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Comando trace();</span></span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">O trace é usado para exibir algum dado no &#8220;output panel&#8221;</span></span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">ex:</span></span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">trace(&#8220;teste&#8221;); //exibe (teste ) no output panel</span></span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"><strong><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: x-small;">Recomendações</span></strong></span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Há diferenças em relação ao lugar em que a ação ficará. Um lugar é selecionar um keyframe e digitar a ação lá e outra coisa é selecionar um símbolo e digitar o código nele. Preste muita atenção em relação a isso.</span></span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: x-small;"><strong>Testando</strong></span></span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Para testar a aplicação usamos o atalho &#8220;ctrl+enter&#8221; </span></span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: x-small;"><strong>Primeiro código em ActionScript 2</strong></span></span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Crie um novo arquivo, selecione o keyframe 1 e chame o painel de ações usando o atalho &#8220;f9&#8243; .</span></span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Digite o seguite código no painel:</span></span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #ff0000; font-size: xx-small;">trace(&#8220;ActionScript 2 com o mxstudio.com.br&#8221;); //legal né</span></span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #000000; font-size: xx-small;">O trace serve para exibir no &#8220;output panel&#8221; algum texto, que nesse caso é:</span></span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #ff0000; font-size: xx-small;">ActionScript 2 com o mxstudio.com.br</span></span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #000000; font-size: xx-small;">Para testar de um &#8220;ctrl+enter&#8221; e veja o resultado no &#8220;output panel&#8221;</span></span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"><br />
</span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #000000; font-size: xx-small;">por hoje é só.. aproveitem e na próxima coluna tem mais actionscript 2. </span></span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Para tirar dúvidas acesse o <a href="http://forum.mxstudio.com.br">fórum</a> e para sugestões, envie um e-mail para andrewsmedina@gmail.com</span></span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"><strong><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: x-small;">Andrews Patrick Rocha Medina</span> </strong></span></p>
</td>
</tr>
</tbody>
</table>
]]></content:encoded>
			<wfw:commentRss>http://www.mxstudio.com.br/desenvolvimento/flash/viajando_pelo_actionscript_2___introducao/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>FormMail no flash</title>
		<link>http://www.mxstudio.com.br/desenvolvimento/flash/formmail_no_flash/</link>
		<comments>http://www.mxstudio.com.br/desenvolvimento/flash/formmail_no_flash/#comments</comments>
		<pubDate>Fri, 02 Jul 2004 00:00:00 +0000</pubDate>
		<dc:creator>Andrews_Medina</dc:creator>
				<category><![CDATA[Flash]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Aprenda a como criar um formul&#225;rio de envio de e-mails no flash independente da linguagem.]]></description>
			<content:encoded><![CDATA[<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: medium;"> FormMail no flash</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Primeiramente gostaria de me desculpar pela demora para fazer esta coluna, mas estive ocupado com trabalho e faculdade nas últimas semanas.</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Estive vendo que muitas pessoas tem tido muitas dificuldades nas minhas ultimas colunas, principalmente na do livro de visitas.</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Todas as minhas colunas são feitas usando o Flash Mx 2004, escritas em ActionScript 2.0. Por isso se for feito em Flash mx para baixo não trará o mesmo resultado.</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Para ter bom aprendizado no flash mx 2004 é bom ter uma boa noção de lógica de programação e conhecer programação orientada a objetos.</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Quando for trabalhar com interação entre flash e uma linguagem dinâmica é bom ter o conhecimento básico da mesma, para se obter um bom desempenho.</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Uma dica importante em relação do flash é: LEIA O HELP (F1) .</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">No help tem a descrição e demostração do uso de quase todas as funções existentes no flash. Como usar componentes com exemplos práticos. Uma prática importante também é sempre mater o helpo do flash atualizado.</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Depois de todas essas recomendações vamos ao assunto da coluna de hoje.</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Falaremos sobre como fazer um formulário de envio de e-mails em flash.</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Antes de tudo vamos ver o que é necessario para que esse nosso sisteminhah funcione.</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Precisaremos utilizar uma linguagem dinâmica para enviar os dados do flash para o e-mail do destinatário. Pode-se utilizar qualquer linguagem para web. Nessa coluna trabalharei com asp e php, mostrando que independente da linguagem no flash é a mesma coisa.</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Se tratando de actionscript 2 trabalharemos com a classe loadVars, dê uma lida sobre essa classe no help para começar a se acostumar com o help. </span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Ultimamente muitos flashers estão com uma febre chamada AMF. O amf é ótimo para trabalhar remoting com php, mas é importante você ja conhecer bem o php, bem o flash, ja ter trabalhado com loadVars e também entender de remoting. O AMF é ótimo, mas não podemos começar pelo avançado e sim desde o começo.</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Agora sim vamos começar o nosso formulário. Para fazer esse siteminha eu usei 2 frames um para o formulario, um para mostrar se foi enviado ou não com sucesso. Usei 2 camadas, 1 para o codigo e outra para o resto. Veja como ficou as camadas:</span></p>
<p align="center"><img src="http://www.mxstudio.com.br/imagens_artigos/tutorial/mail_imagens/lv01.gif" border="1" alt="" width="223" height="105" /></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Na camada formulario, no frame 1 eu montei um formulario, contendo 1 botão, 4 input text, e 4 textos no formato Static Text que identificam cada campo.</span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Ficando assim:</span></p>
<p align="center"><img src="http://www.mxstudio.com.br/imagens_artigos/tutorial/mail_imagens/lv02.gif" border="1" alt="" width="240" height="342" /></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Para que os campos Input Text ficassem com a borda preta em selecionei os campos e fui no painel de propriedades (propierties) e ativei a opção &#8220;show border arround text&#8221;</span></p>
<p align="center"><img src="http://www.mxstudio.com.br/imagens_artigos/tutorial/mail_imagens/lv03.gif" border="1" alt="" width="178" height="55" /></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Agora vamos instanciar os nossos objetos para trabalhar com eles no actionscript. </span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Para instanciar, selecione o seu objeto, pode ser um botão, movieclip, campo de texto, componente&#8230; Aqui no nosso caso vamos pegar o botão como exemplo. então selecione o botão, vá no painel de propriedades e digite bt no campo instance name:</span></p>
<p align="center"><img src="http://www.mxstudio.com.br/imagens_artigos/tutorial/mail_imagens/lv04.gif" border="1" alt="" width="174" height="243" /></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">As instâncias ficarão assim</span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">botao » bt<br />
e os campos de input text » nome, email, assunto, mensagem</span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">No frame2 dessa camada eu criei um campo de texto dinâmico (dynamic text) com a instância msg, onde será exibida a mensagem dizendo se foi ou não enviado com sucesso.</span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Agora vamos para o melhor, para o action script 2.</span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Va na camada de cima no frame 1 e abra o painel de ações (action panels) com o comando f9. Vamos ao código:</span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">começo dando um stop, para que o filme fique parado no frame1</span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #000066; font-size: xx-small;">stop();</span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Crio o objeto loadVars que manipulará os dados que serão enviado e recebidos para as linguagens dinâmicas. </span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #000066; font-size: xx-small;">var objMail:LoadVars = new LoadVars();</span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Agora vamos criar a função que será executada quando o botao &#8220;bt&#8221; for clicado.</span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Quando ele for clicado, enviaremos os dados para o php ou para o asp, depende da versão, mas para isso pegaremos os valores dos campos que instanciamos e atribuiremos o conteúdo deles para variáveis do objMail. Desse forma quando enviarmos usando o sendAndLoad, no método &#8220;post&#8221;, essas variáveis ficarão acessíveis como campos de formulários normais, dai para pegar esses dados no asp é só usar o request.Form, e $_POST no php. Depois que enviarmos, limpamos os campos:</span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Eu uso o objMail.sendAndLoad(paginadinamica, objMail, &#8220;POST&#8221;); para enviar e receber dados do asp/php. o sendAndLoad tem 3 parametro. </span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">O parametro paginadinamica é onde fica o endereço do seu arquivo asp/php. Um erro muito típico é as pessoas colocarem somente o nome do arquivo. Ex:</span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #006633; font-size: xx-small;">objMail.sendAndLoad(&#8220;mail.asp&#8221;, objMail, &#8220;POST&#8221;); //ISSO É ERRADO</span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">O certo é colocar o caminho todo com http://nomedosite ou entao http://localhost. Porquê o arquivo asp/php precisa ser interpretado por um servidor que interprete asp/php. Se você colocar o nome do arquivo ele importará o arquivo sem ser interpretado. </span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">No modelo abaixo to colocando do arquivo de asp, mas se você esiver usando php é só colocar o endereço do arquivo php.</span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #000066; font-size: xx-small;">bt.onRelease = function() {<br />
objMail.nome = nome.text;<br />
objMail.email = email.text;<br />
objMail.assunto = assunto.text;<br />
objMail.mensagem = mensagem.text;<br />
mensagem.text = nome.text = assunto.text = email.text = &#8220;&#8221;;<br />
objMail.sendAndLoad(&#8220;http://localhost/mail.asp&#8221;, objMail, &#8220;POST&#8221;);<br />
}</span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Agora vamos fazer a função que será executada quando o flash receber a resposta do servidor, falando se o e-mail foi ou não enviado.</span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Para isso usaremos o evento onLoad do objeto onLoad, se a variavel ver for verdadeira (true ou 1), ele exibirá no frame2 a mensagem dizendo que tudo ocorreu perfeitamente, senão ele falará que não foi possivel o envio do e-mail.</span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #000066; font-size: xx-small;">objMail.onLoad = function() {<br />
gotoAndStop(2);<br />
if(this.ver)<br />
msg.text = &#8220;Seu e-mail foi enviado com sucesso!!&#8221;;<br />
else<br />
msg.text = &#8220;Ocorreu algum erro no envio do e-mail&#8221;;<br />
} </span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">No flash é isso ae.. Agora vamos para o asp e para o php.</span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">mail.asp </span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #ff0000; font-size: xx-small;">&lt;%@LANGUAGE=&#8221;VBSCRIPT&#8221; CODEPAGE=&#8221;1252&#8243;%&gt;<br />
&lt;%<br />
&#8216;vamos pegar as variaveis vindas<br />
&#8216;atraves do objMail<br />
nome = request.Form(&#8220;nome&#8221;)<br />
email = request.Form(&#8220;email&#8221;)<br />
assunto = request.Form(&#8220;assunto&#8221;)<br />
mensagem = request.Form(&#8220;mensagem&#8221;)</span></p>
<p>&#8216;criando objeto que enviara os emails<br />
set oMail = Server.CreateObject(&#8220;CDONTS.NewMail&#8221;)<br />
&#8216;quem recebera os emails<br />
oMail.To = &#8220;andrewsmedina@gmail.com&#8221;<br />
&#8216;quem esta enviando os emails<br />
oMail.From = nome&amp;&#8221; &lt;&#8221;&amp;email&amp;&#8221;&gt;&#8221;<br />
&#8216;assunto<br />
oMail.Subject = assunto<br />
&#8216;mensagem<br />
oMail.Body = mensagem<br />
&#8216;formato do email<br />
oMail.BodyFormat = 1<br />
&#8216;enviando<br />
oMail.Send<br />
&#8216;agora enviamos para o asp a variavel ver=1 dizendo q tudo<br />
&#8216;ocorreu bem<br />
Response.Write(&#8220;&amp;ver=1&amp;&#8221;)<br />
%&gt;</p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">para quem vai usar o asp e não tem o componente Cdonts é só pegálo aqui:</span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"><a href="http://unix.wmonline.com.br/asp/componentes/cdonts.zip">cdonts</a></span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Para instalar  descompacte o arquivo em uma pasta (de forma que vc encontre o arquivo), esse arquivo é uma DLL.</span></p>
<p>vamos supor que escolhemos a pasta c:\componentes</p>
<p>Agora vamos registrar o componente. Para fazer isso vá em Iniciar &#8211; Executar e digite:<br />
c:\windows\system32\regsvr32.exe c:\componentes\cdonts.dll (no caso do CDonts)</p>
<p>Pronto, dll registrada seu componete estará funcionando.</p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">mail.php</span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #ff0000; font-size: xx-small;">&lt;?php<br />
#vamos pegar as variaveis vindas<br />
#atraves do objMail<br />
$nome = $_POST["nome"];<br />
$email = $_POST["email"];<br />
$assunto = $_POST["assunto"];<br />
$mensagem = $_POST["mensagem"];</span></p>
<p>#para quem o email sera enviado<br />
$para = &#8220;andrewsmedina@gmail.com&#8221;;<br />
#formato do email<br />
$de = &#8220;Content-Type: text/plain;&#8221;;<br />
#nome de quem esta enviando<br />
$de .= &#8220;From: $nome &lt;$email&gt;&#8221;;<br />
#enviando o email e ao mesmo tempo atribuindo a variavel<br />
#$ver o valor 0 se tudo ocorrer certo e 1 se der errado<br />
$ver = mail($para, $assunto, $mensagem, $de);<br />
#enviando a variavel ver e seu conteudo ao flash<br />
echo &#8220;ver=$ver&#8221;;<br />
?&gt;</p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">O resultado final será esse: </span></p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="250" height="400" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="quality" value="high" /><param name="src" value="http://www.mxstudio.com.br/imagens_artigos/tutorial/mail_imagens/formmail.swf" /><embed type="application/x-shockwave-flash" width="250" height="400" src="http://www.mxstudio.com.br/imagens_artigos/tutorial/mail_imagens/formmail.swf" quality="high"></embed></object></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Você pode ver que desde um formulário de envio de e-mails e até sistemas que usam dados de banco de dados, podem serem feitos em flash independente da linguagem que esta utilizando. Já que o loadVars não trabalha com uma linguagem específica. </span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Boa programação e até a próxima!</span></p>
<p align="left"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Para tirar dúvidas acesse o <a href="http://forum.mxstudio.com.br/">fórum</a> e para sugestões, envie um e-mail para andrewsmedina@gmail.com</span></p>
<p align="left"><strong><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: x-small;">Andrews Patrick Rocha Medina</span> </strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.mxstudio.com.br/desenvolvimento/flash/formmail_no_flash/feed/</wfw:commentRss>
		<slash:comments>36</slash:comments>
		</item>
		<item>
		<title>Livro de visitas &#8211; parte final</title>
		<link>http://www.mxstudio.com.br/desenvolvimento/flash/livro_de_visitas___parte_final/</link>
		<comments>http://www.mxstudio.com.br/desenvolvimento/flash/livro_de_visitas___parte_final/#comments</comments>
		<pubDate>Tue, 25 May 2004 00:00:00 +0000</pubDate>
		<dc:creator>Andrews_Medina</dc:creator>
				<category><![CDATA[Flash]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[A parte final da s&#233;rie que explica como fazer um livro de visitas no flash.]]></description>
			<content:encoded><![CDATA[<table border="0" cellspacing="0" cellpadding="0" width="580" align="center">
<tbody>
<tr>
<td scope="col"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: medium;">Livro de visitas  &#8211; parte final </span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Flashers de todo país,</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">para o bem de todos e a felicidade geral da nação, aqui vem a parte final do nosso livro de visitas em flash.</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Vou começar mostrando como está o codigo em actionscript que foi feito na parte 2 dessa série.</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;">System.useCodepage = true;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;">stop();</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> </span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> </span><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;">nome.tabIndex = 0;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> email.tabIndex = 1;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> mensagem.tabIndex = 2;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> limpar.tabIndex = 3;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> enviar.tabIndex = 4;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> exibir.tabIndex = 5;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> </span><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;">exibir.editable = false;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> exibir.html = true;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> </span><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;">limpar.label = &#8220;limpar&#8221;;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> enviar.label = &#8220;assinar&#8221;;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #000000; font-size: xx-small;">Já temos o banco de dados, toda a estrutura com os componentes instanciados, todos os arquivos .asp e os comandos iniciais acima. Agora no mesmo frame onde colocamos os comandos acima, vamos colocar os comandos em ActionScript 2.0, no flash mx 2004.</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #000000; font-size: xx-small;">As variáveis que adicionaremos ao nosso código são: </span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #000000; font-size: xx-small;">dados &#8211; será o objeto loadVars que enviará e recebera os dados para o asp.</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #000000; font-size: xx-small;"> envia &#8211; será o listener para o botão enviar</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #000000; font-size: xx-small;"> limpa &#8211; será o listener para o botão limpar</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #000000; font-size: xx-small;"> controle &#8211; usaremos essa variável para saber se o dados está enviando ou não os dados.</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;">var controle:String;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> var dados:LoadVars= new LoadVars();</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> var envia:Object = new Object();</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> var limpa:Object = new Object();</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Vamos criar a função relacionada ao evento click para o objeto limpa, que é o listener do botão limpar. Quando essa função é executada, os dados dos campos nome, email, mensagem, são apagados. </span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;">limpa.click = function() {</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> _root.nome.text=&#8221;";</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> _root.email.text=&#8221;";</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> _root.mensagem.text=&#8221;";</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;">} </span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Agora vamos ver a função que será acionada quando o botão enviar for clicado. Através da variável controle informamos que estams enviando os dados. Quando ele for clicado através do objeto dados que é um loadVars, pegaremos as variaves nome, email, mensagem e enviaremos para o asp através do metodo sendAndLoad. No exemplo eu coloque o endereço onde estava o meu arquivo envia.asp, voce deve colocar o endereço da onde está o seu, ficando: _root.dados.sendAndLoad(endereco_do_envia.asp, método). Usaremos o método post para enviar esses dados, e apagaremos os valores digitados dos componentes de texto e textarea. </span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;">envia.click = function() {</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> _root.controle = &#8220;envia&#8221;;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;">_root.dados.nome=_root.nome.text;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;">_root.dados.email=_root.email.text;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;">_root.dados.mensagem=_root.mensagem.text;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;">_root.dados.sendAndLoad(&#8220;http://gtk.zocka.com/drews/envia.asp&#8221;,dados,&#8221;post&#8221;);</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;">_root.nome.text=&#8221;";</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;">_root.email.text=&#8221;";</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;">_root.mensagem.text=&#8221;";</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;">}</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Agora vamos fazer uma função para quando o evento onLoad do loadVars dados for executado. Ele será executado quando os dados forem enviados para o asp.</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;">dados.onLoad = function() {</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Agora verificamos se os dados acabaram de serem enviados. </span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> if (_root.controle==&#8221;envia&#8221;) {</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Vamos importar a classe para manipulação do component Alert. Lembrando: ele tem que estar na biblioteca, para isso arraste ele para o palco e dai delete ele. </span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"> <span style="color: #003399;">import mx.controls.Alert; </span></span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Se foi acabado de enviar as informações como verificamos acima, verificamos se foi enviado ou não com sucesso, exibindo as respectivas mensagens. E carrega os dados que estão no banco. </span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"> <span style="color: #003399;">if (this.acao==&#8221;ok&#8221;) {</span></span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"><span style="color: #003399;"> _root.controle=&#8221;";</span></span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"><span style="color: #003399;"> Alert.show(&#8220;Mensagem enviada \ncom sucesso !!!&#8221;,&#8221;Aviso&#8221;);</span></span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"><span style="color: #003399;"> _root.dados.load(&#8220;http://gtk.zocka.com/drews/recebe.asp&#8221;);</span></span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"><span style="color: #003399;"> _root.exibir.text=&#8221;";</span></span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"><span style="color: #003399;"> } else {</span></span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"><span style="color: #003399;"> Alert.show(&#8220;Mensagem não pode ser enviada com sucesso!!!&#8221;,&#8221;Aviso&#8221;);</span></span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"><span style="color: #003399;"> }</span></span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"><span style="color: #003399;"> } else {</span></span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Se nao estiver acabado de enviar as mensagens ele pega os dados do asp através do loadVar dados e exibe no componente textarea &#8220;exibir&#8221;. </span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> _root.exibir.text+=_root.dados.nome;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> }</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> }</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Agora vamos adicionar os listener a cada botão </span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;">enviar.addEventListener(&#8220;click&#8221;, envia);</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> limpar.addEventListener(&#8220;click&#8221;, limpa);</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Carregamos os dados com as mensagens já enviadas ao banco de dados, através do metódo load do loadVars. No exemplo está o endereço onde eu armazenei o arquivo recebe.asp, você deve colocar onde esta o seu arquivo recebe.asp. </span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;">_root.dados.load(&#8220;http://gtk.zocka.com/drews/recebe.asp&#8221;);</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">O código total da parte 2 dessa coluna com essa fica assim: </span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;">System.useCodepage = true;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;">stop();</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;">var controle:String;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> var dados:LoadVars= new LoadVars();</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> var envia:Object = new Object();</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> var limpa:Object = new Object();</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;">nome.tabIndex = 0;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> email.tabIndex = 1;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> mensagem.tabIndex = 2;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> limpar.tabIndex = 3;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> enviar.tabIndex = 4;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> exibir.tabIndex = 5;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> </span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;">exibir.editable = false;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> exibir.html = true;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;">limpar.label = &#8220;limpar&#8221;;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> enviar.label = &#8220;assinar&#8221;;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;">limpa.click = function() {</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> _root.nome.text=&#8221;";</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> _root.email.text=&#8221;";</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> _root.mensagem.text=&#8221;";</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> }</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;">envia.click = function() {</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> _root.controle = &#8220;envia&#8221;;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> _root.dados.nome=_root.nome.text;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> _root.dados.email=_root.email.text;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> _root.dados.mensagem=_root.mensagem.text;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> _root.dados.sendAndLoad(&#8220;http://gtk.zocka.com/drews/envia.asp&#8221;,dados,&#8221;post&#8221;);</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> _root.nome.text=&#8221;";</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> _root.email.text=&#8221;";</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> _root.mensagem.text=&#8221;";</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> }</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;">dados.onLoad = function() {</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> if (_root.controle==&#8221;envia&#8221;) {</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> import mx.controls.Alert; </span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> if (this.acao==&#8221;ok&#8221;) {</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> _root.controle=&#8221;";</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> Alert.show(&#8220;Mensagem enviada \ncom sucesso !!!&#8221;,&#8221;Aviso&#8221;);</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> _root.dados.load(&#8220;http://gtk.zocka.com/drews/recebe.asp&#8221;);</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> _root.exibir.text=&#8221;";</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> } else {</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> Alert.show(&#8220;Mensagem não pode ser enviada com sucesso!!!&#8221;,&#8221;Aviso&#8221;);</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> }</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> } else {</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> _root.exibir.text+=_root.dados.nome;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> }</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> }</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;">enviar.addEventListener(&#8220;click&#8221;, envia);</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> limpar.addEventListener(&#8220;click&#8221;, limpa);</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;">_root.dados.load(&#8220;http://gtk.zocka.com/drews/recebe.asp&#8221;);</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #000000; font-size: xx-small;">Aqui finalmente acabamos a nossa série sobre como fazer um livro de visitas usando flash + asp. Boa programação e até a próxima&#8230; </span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Para tirar dúvidas acesse o <a href="http://forum.mxstudio.com.br">fórum</a> e para sugestões, envie um e-mail para andrews@softsulsistemas.com.br </span></p>
<p align="left"><strong><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: x-small;">Andrews Patrick Rocha Medina</span> </strong></p>
</td>
</tr>
</tbody>
</table>
]]></content:encoded>
			<wfw:commentRss>http://www.mxstudio.com.br/desenvolvimento/flash/livro_de_visitas___parte_final/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Livro de visitas usando flash + asp &#8211; parte 2</title>
		<link>http://www.mxstudio.com.br/desenvolvimento/flash/livro_de_visitas_usando_flash___asp___parte_2/</link>
		<comments>http://www.mxstudio.com.br/desenvolvimento/flash/livro_de_visitas_usando_flash___asp___parte_2/#comments</comments>
		<pubDate>Mon, 10 May 2004 00:00:00 +0000</pubDate>
		<dc:creator>Andrews_Medina</dc:creator>
				<category><![CDATA[Flash]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Aprenda a criar um livro de visitas usando flash + asp. Nessa parte da coluna mostrarei como trabalhar com os componentes no flash mx 2004.]]></description>
			<content:encoded><![CDATA[<table border="0" cellspacing="0" cellpadding="0" width="580" align="center">
<tbody>
<tr>
<td scope="col"><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: medium;">Livro de visitas usando flash + asp &#8211; parte 2 </span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Ola flashers de todo Brasil!!!</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Nessa coluna continuarei a falar sobre a interação entre flash e asp.</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Para fazer esse livro de visitas eu estou utilizando o flash mx 2004 e o action script 2.0.</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Bom uma das novidades trazidas pela versão mx do flash foi os componentes. Estarei trabalhando com eles para fazer o formulário e a tela onde mostra as mensagens que estão no banco de dados do nosso livro de visitas.</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Eu utilizei apenas um frame e 3 camadas para fazer esse livro de visitas. Uma camada para as ações, uma para os objetos (componentes e textos) e uma para um fundo.</span></p>
<p align="center"><img src="http://www.mxstudio.com.br/imagens_artigos/tutorial/livro2_imagens/livro01.gif" border="&gt;&lt;/p&gt; &lt;p&gt;&lt;font size=" alt="" width="216" height="153" />Na coluna passada vimos o banco de dados, nessa coluna veremos a estrutura visual do nosso livro, como funcionam os componentes e começaremos a ver as ações utilizadas.</p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Os componentes a serem trabalhados são: </span></p>
<table border="0" cellspacing="0" cellpadding="0" width="80" align="center">
<tbody>
<tr>
<td><img src="http://www.mxstudio.com.br/imagens_artigos/tutorial/livro2_imagens/livro02.gif" alt="" width="80" height="&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;img src=" />Todos os componentes são formados por Métodos, Propriedades e Eventos.</p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Propriedades são valores de entrada ou saída servem para consulta e configuração de um componente. Por exemplo o </span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"> length</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">é uma propriedade que retorna a quantidade de caracteres tem o conteúdo de um componente (como o textinput por exemplo)</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Métodos são funções que executam um ou mais comandos. Como o método show do componente Alert. Ele exibe um alerta na tela.</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Enfim os eventos. Evento é quanto o objeto alçando algum estado específico, por exemplo quando o botão é clicado.</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Os componentes por si só não executam os eventos para isso usamos uns objetos que recebe os mesmo eventos do componente assim esse objeto &#8220;ouve&#8221; quando o evento é chamado e executa ele. Chamamos esse objeto de </span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"> Listener.</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Agora vamos ver as propriedades, métodos e eventos que utilizaremos nesse tutorial.</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"><img src="http://www.mxstudio.com.br/imagens_artigos/tutorial/livro2_imagens/livro02.gif" alt="" width="80" height="18" align="&gt; (principais propriedades)&lt;/font&gt;&lt;/p&gt; &lt;p&gt;&lt;font color=" />instancia_do_componente.Text</span><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"> &#8211; retorna o valor digitado num TextInput </span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"> <span style="color: #003399;">Instancia_do_componente.Editable</span> (true/false) &#8211; especificamos se o esse campo será editável ou não.</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"> <span style="color: #003399;">Instancia_do_componente.Length</span> &#8211; retorna a quantidade de caracteres que o conteúdo desse textinput tem.</span></p>
<p><img src="http://www.mxstudio.com.br/imagens_artigos/tutorial/livro2_imagens/livro03.gif" alt="" width="80" height="22" align="&gt;&lt;/p&gt; &lt;p&gt;&lt;font size=" />Todas as propriedades citadas anteriormente que estão se referindo ao textinput, servem para o textarea, mais as que seguem abaixo:</p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;">instancia_do_componente.html</span><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"> (true/false) &#8211; é através dessa propriedade que dizemos ao flash se queremos ou não exibir comandos html no textarea.</span></p>
<p><img src="http://www.mxstudio.com.br/imagens_artigos/tutorial/livro2_imagens/livro04.gif" alt="" width="64" height="19" align="&gt;&lt;/p&gt; &lt;p&gt;&lt;font color=" />instancia_do_componente.label<span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"> &#8211; através dessa propriedade configuramos o texto que será exibido no botão.</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;">instancia_do_componente.addEventListener(evento, objeto);</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">O método acima referencia ao botão uma função que será executada quando o evento for acionado. Exemplo:</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;">//declaramos o objeto que sera o listener, contendo a função relativa ao evento do botao</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> var ouvidor:Object = new Object();</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> //funcao que sera ativada quando o evento click for acionado </span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> ouvidor.click = function() {</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> trace(&#8220;botao foi clicado&#8221;);</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> }</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> //agora adicionamos o linstener ao botao</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> bt01.addEventListener(&#8220;click&#8221;, ouvidor);</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;">instanica_do_botao.click</span><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"> &#8211; evento que é acionado quando o botão é clicado.</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"><img src="http://www.mxstudio.com.br/imagens_artigos/tutorial/livro2_imagens/livro05.gif" alt="" width="64" height="&gt;&lt;/font&gt;&lt;/p&gt; &lt;p&gt;&lt;font size=" />Para que o alert funcione não é necessário que ele esteja na cena. Mas é preciso que ele esteja na biblioteca do flash. Para isso arraste o componente alert para a cena e depois delete ele. </span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;"> Como disse anteriormente, não é necessário ter o alerta na cena, mas precisamos importar uma classe especial para trabalharmos com o alerta. Para importar essa classe usamos a seguinte sintaxe:</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;">import mx.controls.Alert; </span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Para exibir um alerta usamos o método Alert.Show, veja o exemplo:</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;">Alert.show(mensagem, titulo);</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Agora que já vimos os comandos que usaremos em relação aos componentes, vamos ver como ficará a estrutura visual em relação a eles. Na figura abaixo mostra como ficará o layout dos componentes no flash, mostrando o componente e sua instância:</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Só lembrando que para instnânciar um componente é só selecioná-lo e no painel Properties digitar a instância referente a ele como na figura.</span></p>
<p align="center"><img src="http://www.mxstudio.com.br/mx_novo/wp-admin/tutorial/livro2_imagens/livro07.gif" border="1" alt="" width="167" height="58" /></p>
<p align="center"><img src="http://www.mxstudio.com.br/imagens_artigos/tutorial/livro2_imagens/livro06.jpg" border="&gt;&lt;/p&gt; &lt;p&gt;&lt;font size=" alt="" width="425" height="247" />Depois de ter feito o layout e ter instanciado cada componente, selecione o frame da camada acoes e abra o painel action (f9), para digitarmos as ações.</p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Começaremos ativando o useCodePage para podermos usar acentos e &#8216;ç&#8217; nos campos de texto.</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;">System.useCodepage = true;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Agora vamos configurar a ordem dos componentes em relação ao tab. Esclarecendo quando apertamos a tecla tabulação para avançar de componente por componente na ordem que nós queremos usamos o tabIndex.</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;">nome.tabIndex = 0;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> email.tabIndex = 1;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> mensagem.tabIndex = 2;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> limpar.tabIndex = 3;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> enviar.tabIndex = 4;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> exibir.tabIndex = 5;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Configuramos o TextArea Exibir, para que ele aceite códigos html e para que ele não seja editável.</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;">exibir.editable = false;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> exibir.html = true;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Abaixo configuramos o label dos botões, ou seja, o texto que será exibido neles:</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;">limpar.label = &#8220;limpar&#8221;;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;"> enviar.label = &#8220;assinar&#8221;;</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">E damos um stop para que ele não avance. Nesse caso só tem um frame, mas se você quiser utilizar preloader isso seria necessário.</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; color: #003399; font-size: xx-small;">stop();</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Bom as ações iniciais do livro de visitas são essas. Na próxima coluna veremos como ficará o código em asp e como enviar e receber dados através do flash, finalizando a nossa jornada através do asp+flash</span></p>
<p><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: xx-small;">Até lá&#8230;</span></p>
<p align="left"><strong><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: x-small;">Andrews Patrick Rocha Medina</span> </strong></p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
]]></content:encoded>
			<wfw:commentRss>http://www.mxstudio.com.br/desenvolvimento/flash/livro_de_visitas_usando_flash___asp___parte_2/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

