Ir para conteúdo

POWERED BY:

Arquivado

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

Rafael Fiori

[Resolvido] Descobrir qual imagem foi cliclada

Por , em Javascript

Recommended Posts

Rafael Fiori    2

Rafael Fiori
Postado

Olá, sou novato em javascript e estou com um problema em um script que estou fazendo que troca as imagens quando ela for clicada que posteriormente sera incrementado para funcionar como se fosse um checkbox...

 

abaixo segue os arquivos:

teste.html

<html>
<head>
<title>Teste</title>
<script type="text/javascript" src="script.js">
</script>
</head>

<body>
<img id="square1" src="1u.png" width="30" height="40" alt="1" onclick="pickNum()"/>
<img id="square2" src="2u.png" width="30" height="40" alt="2" onclick="pickNum()"/>

<form action="teste.html" method="get" name="cartela">
<input id="sqr1" name="sq1" type="hidden" value="0" />
<input id="sqr2" name="sq2" type="hidden" value="0" />
<input name="enviar" type="submit" value="enviar" />
</form>
</body>
</html>

script.js

function pickNum(){
changeNum(1); // AQUI ESTÁ O PROBLEMA, PRECISO QUE O NUMERO PASSADO TENHA RELAÇÃO COM A IMAGEM QUE SERÁ TROCADA
}

function changeNum(numIndex){
	var numValue = document.getElementById('sqr' + numIndex).value;
		if (numValue==0){
			document.getElementById('square' + numIndex).src = numIndex + "c.png";
			document.getElementById('sqr' + numIndex).value = "1";
		}
		else {
			document.getElementById('square' + numIndex).src = numIndex + "u.png";
			document.getElementById('sqr' + numIndex).value = "0";
		}

}

Na função pickNum() eu preciso por exemplo, que se a imagem clickada for :

id=square1, preciso que passe o valor 1

id=square2, passe o valor 2

 

conto com a ajuda de voceis, pq já estou preso nisso tem 2 dias e nao consigo evoluir, obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites

augustoclaro    2

augustoclaro
Postado

<img id="square1" src="1u.png" width="30" height="40" alt="1" onclick="pickNum(1)"/>

<img id="square2" src="2u.png" width="30" height="40" alt="2" onclick="pickNum(2)"/>

 

 

function pickNum(n){

changeNum(n);

}

Compartilhar este post

Link para o post
Compartilhar em outros sites

Rafael Fiori    2

Rafael Fiori
Postado

<img id="square1" src="1u.png" width="30" height="40" alt="1" onclick="pickNum(1)"/>

<img id="square2" src="2u.png" width="30" height="40" alt="2" onclick="pickNum(2)"/>

 

 

function pickNum(n){

changeNum(n);

}

 

kkk

nao acredito que apanhei tanto e era tao simples!

kkk

Obrigado augusto

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