Apelare functie JS la clic fara onclick

[ionut]

Salutare,

Lucrez la un site in SharePoint si vreau ca imaginile din galeria foto sa se deschida intr-o fereastra modal.

Teoretic stiu ce e de facut si imi pot adauga propriul cod de javascript doar ca nu pot pune imaginilor atributul onclick pentru a apela functia js care sa deschida imaginea clickuita.

Intrebarea mea este, exista o alta posibilitate de a apela o functie js atunci cand un element dintr-o lista de 10 - 15 elemente este clickuit, fara ca acele elemente sa primeasca atributul onclick si functia aferenta?

Multumesc!

Salut,
Poti sa adaugi o clasa css la acele elemente /imagini, apoi inregistrezi evenimentul 'click' la acea clasa, cu addEventListener()
- Exemplu:

Cod: Selectaţi tot

<div>
 <div class='dv_cls'>Elm.1</div>
 <div class='dv_cls'>Elm.2</div>
 <div class='dv_cls'>Elm.3</div>
</div>
<script>
function someFu(e){
  var elm = e.target;  //the clicked element
  alert(elm.innerHTML);
}

var dv_cls = document.querySelectorAll('.dv_cls');
for(var i=0; i<dv_cls.length; i++){
  dv_cls[i].addEventListener('click', someFu);
}
</script>

- Demo:

Click on each Elm.

Elm.1

Elm.2

Elm.3