[Resolvido]Texto ao redor de imagem dinamicamente

[ZKdesign 0]

Fala galera, tudo bom?

 

Preciso de uma ajuda de vocês, estou desenvolvendo a sessão de motícias de um site e preciso gerar as noticias com texto e imagens carregadas de um arquivo xml dinamicamente. A paginação e as chamadas com data ja foram criadas, so preciso acertar como abrir a noticia contendo imagem com texto ao redor. Alguém pode me dar uma força com isso?

 

 

 

 

Valeu!

[Matheus Brito 12]

A dificuldade é em chamar as imagens e os textos do xml? Ou em colocar o texto ao "redor"?

Abs

[Thiago de Oliveira Cruz 21]

Bom se você ta querendo um efeito de texto ao redor de uma imagem como no HTML...

 

É bom você saber muito de CSS... CSS para XML...

Pois você vai precisar usar tags HTML no xml com CSS embutido para poder fazer isso que você quer...

 

E mesmo assim dificilmente você vai conseguir o mesmo efeito acho eu...

 

Mas boa sorte tentando... nunca tentei... não sei se é possivel... mas já tive muita dor de cabeça com CSS para XML pq não funciona 100%

 

 

Abraços

[ZKdesign 0]

O problema é colocar o texto ao redor, imaginei que seria com css, mas nunca tinha visto como usar css em xml, vou dar uma estudada, e se conseguir resolver eu posto um tutorial de como fazer aqui para a galera! =D

[Matheus Brito 12]

Boa sorte

Abs

[Thiago de Oliveira Cruz 21]

Ai cara eu compliquei mais do que realmente era...

 

Eis o código pra ti

var texto:TextField = _root.createTextField("texto", _root.getNextHighestDepth(), 20,20,510,360);
texto.html = true;
texto.multiline = true;
texto.wordWrap = true;
texto.autoSize = true; 

var my_fmt:TextFormat = new TextFormat(); 
my_fmt.font = "Arial"; 
texto.setTextFormat(my_fmt); 

var xml:XML = new XML();
xml.ignoreWhite = true;

xml.load("texto.xml");

xml.onLoad = function(ok){
	if(ok){
		texto.htmlText = xml.firstChild.childNodes[0].childNodes;
	}else {
		trace('não carreguei p**** nenhuma... seu código ta errado');	
	}
}

 

No xml:

<?xml version="1.0" encoding="utf-8"?>
<informa>
	<texto><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tristique, erat ultrices rhoncus lobortis, lacus tortor gravida dui, sed adipiscing metus massa non lectus. Vestibulum hendrerit quam mi, ut sollicitudin risus. Morbi ultricies eros at diam commodo laoreet. Etiam venenatis, ipsum nec luctus hendrerit, neque mi pretium tellus, nec varius lectus neque eget diam. Sed viverra purus et odio scelerisque fringilla. Donec pharetra neque in nibh semper ac lobortis felis sagittis. <img src="1.jpg" vspace="10" hspace="10">Aenean ullamcorper, turpis sed dignissim auctor, neque eros dictum sapien, ac commodo magna turpis sit amet lorem. Duis ut diam non erat feugiat ultrices id eget diam. Aenean dignissim mollis turpis ut lobortis. Etiam gravida, diam in sagittis mattis, massa arcu bibendum dolor, vel ullamcorper magna arcu vitae nisl. Mauris pretium congue dui, a molestie nulla aliquet a. Ut eleifend sapien vel enim congue posuere. In porta, eros eget vestibulum sagittis, sem tortor varius purus, quis egestas metus nunc non elit. Quisque in vehicula ipsum. Pellentesque justo orci, ultrices sit amet posuere adipiscing, lacinia et eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus odio nisl, ornare vel luctus nec, varius id nisi. Proin dolor lacus, porttitor in interdum sit amet, lobortis vel sem. Suspendisse imperdiet volutpat ullamcorper.</p>
	</texto>
</informa>

Veja que o img ali ta com codificação antiga de HTML que funciona perfeitamente bem

O TextFormat ali eu exportei a font arial para caso precise mascarar por algum motivo o texto.

 

Abraços