Afficher/Cacher plusieurs images avec OnClick

Bonjour,

je précise d'abord que je suis débutant en javascript.
J'ai une div "niveau" qui contient deux div, une div "boutique" et l'autre div "plan". En fait dans la div "boutique", il y toutes les boutiques du plan.

Je voudrais lorsque je clic sur le logo d'une boutique qu'une image s'affiche sur le plan de la div "plan".

Pour l'instant j'ai mis un z-index de 2 sur le plan et toutes les autres images en z-index 1. Lorsque je clic sur un des logos je change le z-index en 3 (avec du js) pour que l'image apparaisse sur le plan. Mais lorsque je clic sur un autre logo, je veux cacher l'image qui est devant le plan et mettre une autre devant.

Si quelqu'un peut m'éclairer un peu ?

Bonjour,

On pourrait utiliser la méthode ma_balise_div.style.display ou encore la méthode ma_balise_div.style.visibility selon ce que tu souhaites à l'affichage. Avec le display par exemple, ça pourrait donner quelque chose de ce style :

Code:

---

1 2 3 4 5 6 7 8 9

var image1 = document.getElementById('boutique'); var image2 = document.getElementById('plan');   image1.style.display = 'none'; image2.style.display = 'none';   image1.onclick = function() { image2.style.display = ''; };

---

Cette ébauche de code est à adapter selon ton propre code mais renseignes toi sur les attributs CSS "display" et "visibility".