Publicado em 14 de dez.

Criar elemento dinâmico

Olá a todos

Como eu posso fazer, para quando eu clicar em um link, seja inserida em meu HTML a tag <img src="" /> de forma automatica e quando eu clicar novamente no link, a tag some do meu código HTML, como fazer ?

Valew

Discussão (1)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

LeoO_DF· 15 de dez.

Bom, basicamente é isso:

<a>Clique Aqui</a>

$(function(){
	$("a").click(function(){
 if($("#Imagem").length)
 {
 $("#Imagem").remove();
 }
 else
 {
 $("<img />").attr({ src: "LINKDAIMAGEM.formato", id: "Imagem"}).appendTo('body');
 }
	});
});

Caso queira que tenha mais de 1 link que crie imagem sem que delete as outras:

<a class="1">Clique Aqui</a><br />
<a class="2">Clique Aqui</a><br />
<a class="3">Clique Aqui</a><br />
<a class="4">Clique Aqui</a><br />
<a class="5">Clique Aqui</a><br />
<a class="6">Clique Aqui</a>

$(function(){
	$("a").click(function(event){
 var ID = $(this).attr("class");
 if($("#"+ID).length)
 {
 $("#"+ID).remove();
 }
 else
 {
 $("<img />").attr({ src: "LINKDAIMAGEM.formato", id: ID}).appendTo('body');
 }
	});
});