Publicado em 20 de fev.

[Resolvido] Escrever HTML dentro de innerHTML

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:

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

Discussão (3)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

William Bruno· 20 de fev.

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· 20 de fev.

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.· 21 de fev.

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!