Dúvida bem básica de JavaScript - Não sei como fazer o que está no Anexo

Front-end
#21

poderia colar o codigo e renderizar? minha duvida é, sempre que eu tiver um link novo vou ter que criar novo jquery?

[code]




Clique Aqui

		<a id="link1" href="#imagem1">Clique Aqui<a/>
		<img id="imagem1" src="http://google.com/images/logo.gif" style="display:none"></img><br />

		<script language="JavaScript">
			jQuery("#link").click(function() {
			jQuery("#imagem").show();
			});
		</script>
		<script language="JavaScript">
						jQuery("#link1").click(function() {
						jQuery("#imagem1").show();
						});
		</script>
	<body>
[/code]
#22

consegui fazer de outra maneira, seguindo a dica do andredecotia, so que se eu clicar 50 vezes vai aparecer a imagem na tela 50 vezes tipo vai concatenando e eu so queria que aparece 1 uma unica vez, é possivel fazer isso? alguem pode me ajudar?

pra testar é só colar o codigo no html

[code]

function add_google_logo(param) { var src = "http://google.com/images/logo.gif"; show_image("http://google.com/images/logo.gif", 276,110, "Google Logo", param); } 
function show_image(src, width, height, alt, param) {
    var img = document.createElement("img");
    img.src = src;
    img.width = width;
    img.height = height;
    img.alt = alt;



    document.getElementById(param).appendChild(img);
}

</script>

<div id="rs1">
rs1     <button onclick="add_google_logo('rs1');">rs1</button><br />

</div>

<div id="rs2">
rs2     <button onclick="add_google_logo('rs2');">rs2</button><br />

</div>

<div id="rs3">
rs3     <button onclick="add_google_logo('rs3');">rs3</button><br />

</div>

<div id="rs4">
rs4     <button onclick="add_google_logo('rs4');">rs4</button><br />

</div>

<div id="rs5">
rs5     <button onclick="add_google_logo('rs5');">rs5</button><br />

</div>

<body>
[/code]
#23

[quote=mariazinhahappy]consegui fazer de outra maneira, seguindo a dica do andredecotia, so que se eu clicar 50 vezes vai aparecer a imagem na tela 50 vezes tipo vai concatenando e eu so queria que aparece 1 uma unica vez, é possivel fazer isso? alguem pode me ajudar?

pra testar é só colar o codigo no html

[code]

function add_google_logo(param) { var src = "http://google.com/images/logo.gif"; show_image("http://google.com/images/logo.gif", 276,110, "Google Logo", param); } 
function show_image(src, width, height, alt, param) {
    var img = document.createElement("img");
    img.src = src;
    img.width = width;
    img.height = height;
    img.alt = alt;



    document.getElementById(param).appendChild(img);
}

</script>

<div id="rs1">
rs1     <button onclick="add_google_logo('rs1');">rs1</button><br />

</div>

<div id="rs2">
rs2     <button onclick="add_google_logo('rs2');">rs2</button><br />

</div>

<div id="rs3">
rs3     <button onclick="add_google_logo('rs3');">rs3</button><br />

</div>

<div id="rs4">
rs4     <button onclick="add_google_logo('rs4');">rs4</button><br />

</div>

<div id="rs5">
rs5     <button onclick="add_google_logo('rs5');">rs5</button><br />

</div>

<body>
[/code][/quote]

À princípio, creio q vc poderia criar uma condição lógica como um Array no JS sempre que um id for clicado este id seria adicionado no array, logo, sempre que clicar antes de efetivar passa pelo if (existe no array?) se sim não efetiva se não efetiva.
Efetivar quero dizer aplicar a linha abaixo:
document.getElementById(param).appendChild(img);

#24

e como faz isso?

#25

Dei uma mudadinha de conceito, utilizei o q fora empregado acima, e implementei:

[code]

	function verImg(idImgToShow) {
		document.getElementById(idImgToShow).style.display = "inline";
	}

	</script>
</head>
<body>

rs1 <button onclick="verImg('img1');">rs1-botão</button><br />

<div id="rs1">
	<img id='img1' src="c:/test.jpg" style="display:none"></img>
</div>

rs2 <button onclick="verImg('img2');">rs2-botão</button><br />

<div id="rs2">
	<img id='img2' src="c:/test.jpg" style="display:none"></img>
</div>

rs3 <button onclick="verImg('img3');">rs3-botão</button><br />

<div id="rs3">
	<img id='img3' src="c:/test.jpg" style="display:none"></img>
</div>


<body>
[/code]

Testei e está do jeitinho q vc pediu.

#26

muito obrigada a todos por me ajudar.

andredecotia, o seu ultimo codigo e exatamente o que eu queria…

#27