Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Fagner

Mudar figura ao clicar

Recommended Posts

Preciso de um codigo que ao clicar em uma figura ela mude (tipo f.gif mudar para v.gif e vice versa) e ao mesmo tempo envie dados via url (get) para um iframe, ja vi um codigo desses mas perdi e como nao entendo nada de JS fica dificil pra mim.se alguem puder me ajudar fico muito grato obrigado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

<script>var status = 0;function switchImage (obj) {  if (status == 0) {	getElementById(obj.id).src = 'j.gif';	meuFrame.location.href = 'minhaPagina.php?valor=1';	status = 1;  } else {	getElementById(obj.id).src = 'k.gif';	meuFrame.location.href = 'minhaPagina.php?valor=2';	status = 0;  }}</script>

Uso:

<img src="k.gif" id="imagem" onClick="switchImage(this);">

Obs.: Onde tá meuFrame você coloca o nome do seu iframe.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Brother valeu.. mas esta dando erro no codigo.ele nao esta mudando a imagem e da erro na barra de status.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Tenta ai...

<script>var status = 0;function switchImage (obj) {  if (status == 0) {	document.getElementById(obj.id).src = 'j.gif';	meuFrame.location.href = 'minhaPagina.php?valor=1';	status = 1;  } else {	document.getElementById(obj.id).src = 'k.gif';	meuFrame.location.href = 'minhaPagina.php?valor=2';	status = 0;  }}</script>

Compartilhar este post


Link para o post
Compartilhar em outros sites

opa agora funcionou!porem coloquei o codigo<img src="img/f.gif" id="imagem" onClick="switchImage(this);"> dentro de um loop onde estou mostrando uma relaçao com 100 nomes,acho que o codigo se comporta bem apenas para uma linha correto?oque posso fazer para usar o mesmo codigo mas usando para 100

Compartilhar este post


Link para o post
Compartilhar em outros sites

não, funciona pra N elementos...Soh q o id dele não pode repetir.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Certo consegui fazer funcionar.. adicionei o nome junto ao ID mais um problema... preciso dar mais de um click para que a figura altere, e precisaria passar um $_GET[''] diferente a cada link, pois tenho que passar o codigo do cliente para meu IFRAME.

Compartilhar este post


Link para o post
Compartilhar em outros sites

programador php né, rebola meu amigo! mexe as cadeiras rapaiz!

Na próxima você tenta pensar como é. Tem coisas que não precisam ser ensinadas... por conclusão própria você consegue fazer....

E se você olhar o link ali, vai ver que não tem segredo nenhum, é só o endereço mesmo.

 

<script>var status = 0;function switchImage (obj) {  if (status == 0) {	document.getElementById(obj.id).src = 'j.gif';	meuFrame.location.href = 'minhaPagina.php?valor=1&id=<? echo $id ?>';	status = 1;  } else {	document.getElementById(obj.id).src = 'k.gif';	meuFrame.location.href = 'minhaPagina.php?valor=2&id=<? echo $id ?>';	status = 0;  }}</script>

"Cabeça não pensa, o corpo padece"

Ditado popular

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.