• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

J4m3s007

Clicar e aparecer imagem

12 mensagens neste tópico

Tenho o seguinte codigo:

<body id="bg"> <div align="right"> <a href="javascript://;" onclick="document.getElementById('bg').style.background='#CCCCCC';">
      </a><a href="javascript://;" onClick="document.getElementById('bg').style.background='#000000';">
  <input name="" type="radio" value="">
</a><a href="javascript://;" onClick="document.getElementById('bg').style.background='#6F6F6F';">
<input name="" type="radio" value="">
<a href="javascript://;" onclick="document.getElementById('bg').style.background='#CCCCCC';">
      </a><a href="javascript://;" onClick="document.getElementById('bg').style.background='#17AA17';">
  <input name="" type="radio" value="">
</a><a href="javascript://;" onClick="document.getElementById('bg').style.background='#585A59';">
<input name="" type="radio" value="">
</a>
</body>

O que acontece é que clico e o bg troca de cor, o que eu quero é que ao clicar mude para imagem.

cumps  :D

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Em vez de fazeres .style.background='#CCCCCC';" fazes .style.background-image=url(url_da_image/imagem.extensão). :D

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Em vez de fazeres .style.background='#CCCCCC';" fazes .style.background-image=url(url_da_image/imagem.extensão). :D

Não funcionou.. :S

Coloquei assim:

<body id="bg"> <div align="right"> <a href="javascript://;" onclick="document.getElementById('bg').style.background='#CCCCCC';">
      </a><a href="javascript://;" onClick="document.getElementById('bg').style.background='#000000';">
     <input name="" type="radio" value="">
</a><a href="javascript://;" onClick="document.getElementById('bg').style.background='#6F6F6F';">
<input name="" type="radio" value="">
<a href="javascript://;" onclick="document.getElementById('bg').style.background='#CCCCCC';">
      </a><a href="javascript://;" onClick="document.getElementById('bg').style.background='#17AA17';">
     <input name="" type="radio" value="">
</a><a href="javascript://;" onClick="document.getElementById('bg').style.background=.style.background-image=url(Imagens/Inverno.jpg);">
<input name="" type="radio" value="">
</a>
</body>
[Code]

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Não é assim. É assim:

<body id="bg"> <div align="right"> <a href="javascript://;" onclick="document.getElementById('bg').style.background='#CCCCCC';">
      </a><a href="javascript://;" onClick="document.getElementById('bg').style.background='#000000';">
     <input name="" type="radio" value="">
</a><a href="javascript://;" onClick="document.getElementById('bg').style.background='#6F6F6F';">
<input name="" type="radio" value="">
<a href="javascript://;" onclick="document.getElementById('bg').style.background='#CCCCCC';">
      </a><a href="javascript://;" onClick="document.getElementById('bg').style.background='#17AA17';">
     <input name="" type="radio" value="">
</a><a href="javascript://;" onClick="document.getElementById('bg').style.background=url(Imagens/Inverno.jpg);">
<input name="" type="radio" value="">
</a>
</body>

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Pensava que não precisava das aspas. :-[

Mas o que é que é isto?

De qualquer forma, percebias o que era. :)

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Pensava que não precisava das aspas. :-[

De qualquer forma, percebias o que era. :P

Não era só pelas aspas, mas sim pelo background-image :)
0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
<body id="bg"> <div align="right"> <a href="javascript://;" onclick="document.getElementById('bg').style.background='#CCCCCC';">
      </a><a href="javascript://;" onClick="document.getElementById('bg').style.background='#000000';">
     <input name="" type="radio" value="">
</a><a href="javascript://;" onClick="document.getElementById('bg').style.background='#6F6F6F';">
<input name="" type="radio" value="">
<a href="javascript://;" onclick="document.getElementById('bg').style.background='#CCCCCC';">
      </a><a href="javascript://;" onClick="document.getElementById('bg').style.background='#17AA17';">
     <input name="" type="radio" value="">
</a><a href="javascript://;" onClick="document.getElementById('bg').style.background="url(Imagens/Inverno.jpg)";>
<input name="" type="radio" value="">
</a>
</body>

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

tenta assim

<html>
<head>
<script type="text/javascript" language="javascript">
function loadImage()
{
document.getElementById('bg').style.backgroundImage="url(caminhoImagem)";
}
</script>
</head>
<body>
<div id="bg" style="width:777; height: 720px;">

<a href="javascript://" onClick="loadImage()"><input name="teste" type="radio" value="" /></a>

</div>
</body>
</html>

Não sei porque mas ele não está a reconhecer o comando onClick para mudar imagens de fundo, so muda cores  :hmm:... se alguém souber porque também gostava de saber  :dontgetit: ~

no entanto esse code está a funcar

Abraço

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora