Ir para conteúdo

POWERED BY:

Arquivado

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

Junior Fernandes_131653

problemas com onclik

Por , em Javascript

Recommended Posts

Junior Fernandes_131653    0

Junior Fernandes_131653
Postado

Estou com problemas em utilizar o comando onclik, o codigo tem extensão html, e só o foto da lampada quebrada não muda, ou comandos onmousemove e onmouseout não tem problema algum.

tb não tem problemas na busca da imagem, pois ja verifiquei o nome correto na pasta.

 

 

Gostaria se alguém pudesse me ajudar, ver se a algum problema de código

 

 

<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset=" UTF-8"/>
<title>teste javascript</title>
<script>
var quebrada = false;
function mudaLampada(tipo){
if(!quebrada){
document.getElementById("luz").src="_imagens/" + tipo + ".jpg";
if(tipo=='lampada-quebrada.jpg'){
quebrada=true;
}
}
}
</script>
</head>
<body>
<h1> Acenda a lampada</h1>
<img src="_imagens/lampada-apagada.jpg" id="luz" onmousemove="mudaLampada('lampada-acesa')" onmouseout="mudaLampada('lampada-apagada')" onclick="mudaLampada('lampada-quebrada')"/>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

LeoO_DF    22

LeoO_DF
Postado

Mano precisa nem de javascript para isso:

<img src="_imagens/lampada-apagada.jpg" id="luz" onmousemove="this.src='_imagens/lampada-acesa.jpg'"  onmouseout="this.src='_imagens/lampada-apagada.jpg'" onclick="this.src='_imagens/lampada-quebrada.jpg'"/>

 

 

Mais de qualquer forma seu script:

 

 

function mudaLampada(tipo)
{ 
	if(quebrada == false)
	{
		document.getElementById("luz").src="_imagens/" +  tipo + ".jpg";
		if(tipo=='lampada-quebrada')
		{
			quebrada=true;
		}  
	}
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

LeoO_DF    22

LeoO_DF
Postado

Leo, seria possível adicionar dois ID's no text=document.getElementBy ? Eu to tentando, mas não consigo.

Não, ele apenas altera uma ID por vez, duplique a linha e altere o ID :D

Compartilhar este post

Link para o post
Compartilhar em outros sites

Robson Barros da Rocha    0

Robson Barros da Rocha
Postado

Então, mas, eu fiz isso e não da certo Leo. :( Eu até fiz um tópico aqui, mas, não me atenderam até agora http://forum.imasters.com.br/topic/514142-onclick-no-envia-o-que-digitamos/. De qualquer forma, obrigado!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Junior Fernandes_131653    0

Junior Fernandes_131653
Postado

 

Mano precisa nem de javascript para isso:

<img src="_imagens/lampada-apagada.jpg" id="luz" onmousemove="this.src='_imagens/lampada-acesa.jpg'"  onmouseout="this.src='_imagens/lampada-apagada.jpg'" onclick="this.src='_imagens/lampada-quebrada.jpg'"/>

ae Leonardo, seu codigo foi bem util, mas to achando que não é o codigo, pq eu usei os dois codigos que vc me passou e ainda não funcionou o onclik, acho que tenho q habilitar alguma coisa no browser ou então configurar algo no notepad++

 

Mais de qualquer forma seu script:

 

 

function mudaLampada(tipo)
{ 
	if(quebrada == false)
	{
		document.getElementById("luz").src="_imagens/" +  tipo + ".jpg";
		if(tipo=='lampada-quebrada')
		{
			quebrada=true;
		}  
	}
}

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito