Automaticka praca z udalostami – JavaScript, AJAX, jQuery – Fórum – Programujte.com

Caute,

snazim sa najst nejake informacie ako urobit to aby nejaka funkcia sledovala vsetky div-y s urcenym ID-om. Ak sa uzivatel presunie kurzorom na tento div, aktivuje ju a bude cakat kedy sa kurzor presunie v ramci toho divu do jeho dalsich vnorenych divov a podla toho vykona nejaku funkciu...

ide mi hlavne o to, ze mam v 1 dive vela dalsich vnorenych ktore maju vlastne udalosti (onmouseover a onmouseout) a chcem si to z automatizovat tak aby som tieto udalosti riesil v javascripte, nie v html kode.... dalo by sa to nejak??

Áno dá sa to a to pomocou delegovania udalostí. Na ten vonkajší div zavesíš funkciu a podľa parametru event, ktorý sa jej predáva pri zavolaní udalosti si zistíš ID konkrétneho divu vnútri a podľa toho rozvetvíš. Malá ukážka princípu:

<div onmosemove="handler(event);">

  <div id="id1">blu</div>

  <div id="id2">ble</div>

  <div id="id3">bla</div>

  ...

</div>

function handler(evt) {

  var id = evt.target.id;

  if(id === "id1") {

    (new Drak(3)).fire();  // 3-hlavý drak šlahne plameň

  }

  else if(id === "id2") {

    (new Shit("big")).smash();  // no, to si domysli :-D

  }

  ...

}

když máš div a u něj mouseover tak vyvolá událost s eventem kde bude možná že to vyvolal DIV a u toho pak můžeš zjistit id