Foros del Web » Programando para Internet » Javascript »

addEventListener con diferentes capas de divs

Estas en el tema de addEventListener con diferentes capas de divs en el foro de Javascript en Foros del Web. Buenas, estoy haciendo un juego de cartas del tarot en javascript y tengo un problema con el addEventListener. LAs imagenes las tengo puestas en diferentes ...
  #1 (permalink)  
Antiguo 14/02/2015, 08:23
 
Fecha de Ingreso: octubre-2014
Mensajes: 3
Antigüedad: 9 años, 6 meses
Puntos: 0
addEventListener con diferentes capas de divs

Buenas, estoy haciendo un juego de cartas del tarot en javascript y tengo un problema con el addEventListener. LAs imagenes las tengo puestas en diferentes divs superpuestos y al clicarlas en zonas donde hay un div que no ttiene nada que ver el addEventListener no funciona.

He provado con z-index poner por encima las imagenes de los divs pero me sigue sin funcionar. Hay alguna manera de hacer-lo bien? Gracias
Código:
<div class="chakra"id="chakra7">
		        
		        <div class="divuna">
		         	<img class="una carta" id="chakra7-1img" src="TheTarotofDurer/BackL.jpg" >
		        </div>
		        <div class="titolchakra">
		        	7º Chakra Corona
		   	    </div>
		   	    <div class="titolscartes">
		   	    	<div class="titolcarta">Primera carta: <span id="chakra7-1titulo"></span></div>
		   	    	 </div>
		   	    
	        </div>
	        <div class="chakra"id="chakra6">
		        
		        <div class="divpar">
		        	
		        	<img class="par carta izq"  id="chakra6-1img" src="TheTarotofDurer/BackL.jpg">
		        	<img class="par carta der"  id="chakra6-2img" src="TheTarotofDurer/BackL.jpg">
		        </div>
		       <div class="titolchakra">6º Chakra del tercer ojo</div> 
		       <div class="titolscartes">
		   	    	<div class="titolcarta">Primera carta: <span id="chakra6-1titulo"></span></div>
		   	    	<div class="titolcarta">Segunda carta: <span id="chakra6-2titulo"></span></div>
		   	    </div>
	        </div>
...

i el javascript

Código:
document.getElementById('chakra7-1img').addEventListener('click',function(){SacarCarta(chakra7,1)}, false);
document.getElementById('chakra6-1img').addEventListener('click',function(){SacarCarta(chakra6,1)}, false);
document.getElementById('chakra6-2img').addEventListener('click',function(){SacarCarta(chakra6,2)}, false);
document.getElementById('chakra5-1img').addEventListener('click', function(){SacarCarta(chakra5,1)}, false);
document.getElementById('chakra5-2img').addEventListener('click',function(){SacarCarta(chakra5,2)}, false);
document.getElementById('chakra4-1img').addEventListener('click',function(){ SacarCarta(chakra4,1)}, false);
document.getElementById('chakra3-1img').addEventListener('click',function(){SacarCarta(chakra3,1)}, false);
document.getElementById('chakra3-2img').addEventListener('click',function(){SacarCarta(chakra3,2)}, false);
document.getElementById('chakra2-1img').addEventListener('click',function(){ SacarCarta(chakra2,1)}, false);
document.getElementById('chakra1-1img').addEventListener('click',function(){ SacarCarta(chakra1,1)}, false);

Etiquetas: addeventlistener, capas, divs, funcion
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:45.