!Amíg nem olvastuk el a képek alatti szöveget, ne húzzuk rá az egeret a képekre!
Tekintve, hogy kértétek néhányan, itt egy, az eseménykezelés hatékonyabbá tételét illusztráló példa. Miről is van itt szó? Maga a feladat rendkívül egyszerű: azt kell megoldani, hogy a fenti képek alatt megjelenjen azon kép nagyított változata, amelyre épp "ráhúzzuk" az egeret. Mi sem egyszerűbb ennél, hiszen már az eddigi ismereteink is elégségesek arra, hogy a problémát kezelni tudjuk - mondhatnánk.... Igen ám, viszont vegyük észre azt a nem elhanyagolható tényt, hogy jelen esetben több, mint tíz (13) eseményt kell külön-külön figyelnünk. A Javascript állományban mind a 13, azonosítóval ellátott IMG tag-re fel kell "iratkoznunk" egy-egy eseménykezelő függvénnyel, ami nem épp a legelegánsabb módja a feladat megoldásának.... inkább felettébb fapadosnak nevezhetnénk. Természetesen, tudunk mi ennél jobbat is! Lásd a sorrendben következő kódot, az ufo1-et, a másik - ufo1 nevű - mappában! Nem kell ugye hangsúlyoznom, hogy itt nem maga az esemény - mouseover - lesz a nóvum, hanem az, amit tennünk kell ilyen esetben - amikor akár sok-sok, hasonló eseményt is menedzselni kell - ahhoz, hogy a Javascript kódunk kezelhető méretű maradjon. Nézzünk csak rá a jelenlegi megoldásra és képzeljük el, miként festene - milyen hosszúra nyúlna - egy esküvői album esetében .... :)