Hallo,
hier mein Miniframework:
var Test3 = (function () {
var oldWinOnLoad = false;
// Oldfashioned!
(function () {
oldWinOnLoad = window.onload;
window.onload = function () {
if( typeof (oldWinOnLoad) == 'function' ) {
oldWinOnLoad();
}
init();
}
})();
function init() {
// Eventhandler registrieren
var classAElements = document.getElementsByClassName('classa');
for (var i= 0; i < classAElements.length; i++) {
var myClassAHandler = new ClassAHandler(i);
ClassAHandler[i].addEventListener("click", myClassAHandler.methode1, false);
ClassAHandler[i].addEventListener("mouseover", myClassAHandler.methode2, false);
}
};
// ==============================
function ClassAHandler (param1) {
var param1 = param1
this.methode1 = function() {
alert(param1);
}
this.methode2 = function() {
alert("methode2");
}
}
})();
Hab ich das Prinzip so richtig verstanden? ein Objekt erzeugen und es dann mittels addEventListener an ein bestimmtes Element hängen?
Grüße
Siri
PS: Das die Autostartmethode "oldfashioned" ist, weiß ich!