User Tools

Site Tools


vpfjsphp:cleaning_up_event_issues
<ul class="selecteur">
  <li><img src="img_1.jpg" /></li>
  <li><img src="img_2.jpg" /></li>
  <li><img 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

console.dir(e.target) img,ul, etc… selon

vpfjsphp/cleaning_up_event_issues.txt · Last modified: 2016/03/06 12:33 by leo