Ver Mensaje Individual
  #1 (permalink)  
Antiguo 14/02/2015, 08:23
ogs1017
 
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);