PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Javascript OOP


_squee_
04.02.2010, 11:54:40
Hallo zusammen,

ich versuche mich in OOP bei Javascript einzuarbeiten bin nun bei einem Problem angekommen bei dem ich nicht weiter komme.
Ich habe mein Javascript in einer externen Datei und will nun dieses in einer weiteren Datei ausbauen (ähnlich wie bei den jquery plugins).

Wie kann ich nun diesem Objekts functionen aus einer zweiten Datei hinzufügen?

Datei 1.


(function() {

function _$ (obj) {
this.element = document.getElementById(id);
return;
}

_$.prototype = {

addEvent: function (element, type, fn ) {
if(window.addEventListener) {
element.addEventListener(type, fn, false);
return true;
} else if(window.attachEvent) {
element.attachEvent('on' + type, fn);
return true;
} else return false;
},

ready: function (onloadEvents) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = onloadEvents;
} else {
window.onload = function() {
if (oldonload) {
oldonload();
}
onloadEvents();
}
}
return this;
},

click: function(Event) {
this.addEvent(this.element, 'click', Event);
return true;
}

};

window.s = function (obj) {
return new _$(obj);
};

})();

Datei 2.


(function() {
???
})();



Beispielcode in der HTML Datei


<script type="text/javascript">

s().ready(function(){
s('test').click(function(){
alert('test')
});
});

</script>