[Resolvido] Escrever HTML dentro de innerHTML

[Eliseu M. 2]

E aí pessoal, saudades XD Quanto tempo sem criar um tópico...

 

Então, estou tentando ajudar um amigo a criar um painel de admin para um galeria Lightbox dinâmica e estou com problemas ao digitar HTML dentro do innerHTML =[

 

Seguinte:

 

Tenho as variáveis u e t, sendo a primeira a URL da imagem e a segunda o título da mesma. O código HTML fora do JS ficaria assim:

 

<a href="+u+" title="+t+" rel="lightbox[group]"><img src="+u+" /></a>

Não sei se deu pra entender... eu só adicionei as variáveis nos atributos. Agora queria inserir esse código depois de innerHTML, assim:

 

document.getElementById('elemento').innerHTML+="<a href="+u+" title="+t+" rel="lightbox[group]"><img src="+u+" /></a>";

Problema é que não funciona, é claro, por causa das aspas.

 

Alguém sabe o jeito certo de se digitar isso? Por favor :(

Desculpa aê a noobisse, é porque faz chão que não digito um JSzin :P

[William Bruno 1501]

Existem as aspas simples tb

	<div id="elemento">

	</div><!-- /elemento -->
	
<script type="text/javascript">
	var u = 'imagem.jpg';
	var t = 'Imagem JPG';
	var a_img = '<a href="'+u+'" title="'+t+'" rel="lightbox[group]"><img src="'+u+'" alt="'+t+'" /></a>';
	document.getElementById('elemento').innerHTML += a_img;
</script>

[Thiago Retondar 18]

Como o Bruno disse, você pode usar as aspas simples para isso - que é o que eu faria -, mas se quiser usar aspas duplas você pode "escapar" as de dentro:

<script type="text/javascript">
        var u = 'imagem.jpg';
        var t = 'Imagem JPG';
        var a_img = "<a href="\"+u+\"" title="\"+t+\"" rel="lightbox[group]"><img src="\"+u+\"" alt="\"+t+\"" /></a>";
        document.getElementById('elemento').innerHTML += a_img;
</script>

Mas como disse, usaria como o Bruno fez.

 

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

[Eliseu M. 2]

Valeu aê galera, eu havia feito isso, mas estava dando erro porque era um textarea e eu, ao invés de usar value, usei innerHTML. Valeu!