Design e programação criativa na web.

Um maneira simples de importar um ficheiro xml para dentro do flash. Desta maneira pode-se importar um textos com as “tags” HTML e criar um ficheiro CSS para que estilizar os diversos elementos. Tenham em conta que o suporte de css no flash limita-se ao standard CSS1.

Código actionscript:

var ficheiro_xml = new XML();

caixa_de_texto.html = true;
ficheiro_xml.ignoreWhite = true;

// –> criar o objecto CSS
var folha_css = new TextField.StyleSheet();
// — carregar CSS
folha_css.load(“nome_da_folha de estilos.css”);
caixa_de_texto.styleSheet = folha_css;

//–>Carregar o XML<–//
ficheiro_xml.onLoad = function(sucesso) {
if (sucesso) {
trace(“sucesso”);
} else {
trace(“ERRO ao carregar o XML!!!”);

}
nome_caixa_texto.htmlText=ficheiro.firstChild.childNodes[0].firstChild.nodeValue;
};
ficheiro_xml.load(“endereço_do_ficheiro.xml”);

/////\\\\

Código XML:

<?xml version=”1.0″ encoding=”utf-8″ ?>

<textos>
<texto1><![CDATA[<html><body><p class=”titulo”>¿Lorem ipsum dolor sit amet, consectetuer<p>
<p class=”texto”>Lorem ipsum dolor sit amet, consectetuer <span class=”span”> Lorem ipsum dolor sit amet, consectetuer.</span> Lorem ipsum dolor sit amet, consectetuer!</p></body></html>]]>

</texto1>
<texto2>2 -Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur nisl risus, tristique id, ultrices et, varius vitae, magna. Suspendisse nunc. Phasellus sit amet massa. Phasellus mauris. Pellentesque placerat nunc ac ante. Sed luctus venenatis arcu. Nam turpis purus, dictum non, lobortis a, tristique eget, pede.

</texto2>
</textos>

Código CSS:

.titulo {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #CC6600;
font-weight: bold;
}
.texto {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
font-weight: normal;
}

.span {
font-weight: bold;
}

////

Aqui está o zip com todos os ficheiros.
-> Download

Comentários a: "Tutorial Flash, XML com HTML e CSS" (5)

  1. Encontram-se dentro do ficheiro .zip todos os ficheiros necessários a este tutorial. Qualquer coisa perguntem.

  2. Fala cara blz, estou tentando fazer o download do arquivo e ele não está fuincionando, não entendo muito de flash, e devo criar qntas caixas de texto?
    instanciar com quais nomes?
    vlw t+

  3. […] Tutorial Flash, XML com HTML e CSS Agosto, 2008 4 comentários GostoBe the first to like this post. […]

Deixe uma Resposta

Preencha os seus detalhes abaixo ou clique num ícone para iniciar sessão:

Logótipo da WordPress.com

Está a comentar usando a sua conta WordPress.com Terminar Sessão / Alterar )

Imagem do Twitter

Está a comentar usando a sua conta Twitter Terminar Sessão / Alterar )

Facebook photo

Está a comentar usando a sua conta Facebook Terminar Sessão / Alterar )

Google+ photo

Está a comentar usando a sua conta Google+ Terminar Sessão / Alterar )

Connecting to %s

Nuvem de etiquetas

%d bloggers like this: