unobtrusive scripting – technika pisania dyskretnych skryptów

metody:

obszary:

 

Separacja struktury od wyglądu i od funkcjonalności.

zamiast:


<body onLoad="Startup"();">

dajemy:


window.onload=Startup;

 

Model zdarzeń W3C

dodanie funkcji obsługi zdarzeń:

metoda addEventListener() – dołączenie funkcji obsługi zdarzeń do dowolnego zdarzenia dowolnego elementu.

window.addEventListener(‚load’, Startup, false);

parametry:

dołączamy tak dowolną liczbę funkcji.

 

dla IE 6 i 7 – działa metoda window.attachEvent(‚onload’, Startup);

parametry:

 

usunięcie funkcji obsługi zdarzeń

metoda removeEventListener() – usunięcie funkcji obsługi zdarzeń.

window.removeEventListener(‚load’, Startup, false);

 

dla IE 6 i 7 – metoda window.detachEvent(‚onload’, Startup);

 

Sprawdzenie czy przeglądarka obsługuje daną metodę – feature sensing – wykrywanie funkcjonalności:


obj = document.getElementById('myButton');
if (obj.addEventListener) {
  obj.addEventListener('click', ClickMe, false);
} else if (obj.attachEvent()) {
  obj.attachEvent('onclick', ClickMe);
} else {
  obj.onclick = ClickMe;
}

 

Agnieszka Trefler

Agnieszka Trefler (Ruda) - freelancer, web developer, specjalistka od WordPressa z Wrocławia. Z pasją budowania stron, blogowania i fotografowania. Twórca Inspiracji fotograficznych.