DokuWiki

This is an old revision of the document!

---

<ul>
  <li><img class="selecteur" src="img_1.jpg" /></li>
  <li><img class="selecteur" src="img_2.jpg" /></li>
  <li><img class="selecteur" src="img_3.jpg" /></li>
</ul>

document.querySelector(".selecteur").addEventListener("click", function(e) {
  console.dir(e.target);
  if (e.target.tagName === "IMG") {
  var nb_de_li_restants = this.querySelectorAll('li').length;
    if (nb_de_li_restants > 1){
      var removeTarget = e.target.parentNode; // li
      removeTarget.parentNode.removeChild(removeTarget); // on sélectionne encore le parenty pour pouvoir utiliser la méthode removeChild()
    } else {
      var titre_photo = e.target.alt;
      document.querySelector("#art p").innerHTML = "<p>" + titre_photo + " sélectionné.</p>";
    }
  }
}, false);

// code non suffisant, voir vidéo suivante.

notes