
14/02/2015, 08:23
|
| | Fecha de Ingreso: octubre-2014
Mensajes: 3
Antigüedad: 10 años, 5 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);
|