Virkefeltsregler / miljø i js. Overskrivning af onchange-funktion
Hej,jeg har nogle problemer med at få kaldt en funktion i min superklasse med det rigtige miljø.
Først en generel beskrivelse af problemet: jeg har en klasse (eller hvad det nu hedder i js) Obj1 som indeholder et array observers samt en funktion notify(), som benytter observers. Desuden har jeg et nedarvet objekt Obj2 som indeholder en reference select til en select box. Når select ændrer sig (onchange) vil jeg bl.a. gerne kalde notify(), således at det er notify() hørende til det objekt der har referencen select, der kaldes.
Jeg har i øjeblikket:
<html>
<head>
<script>
function Obj1(){
var self = this;
self.observers = new Array();
this.attach = function(n){
self.observers.push(n);
};
this.notify = function(){
//Should do something to all elements in observers
//but just print message for now
alert("observers has " + self.observers.length + " elements.");
}
}
function Obj2(_select){
var select = _select;
select.onchange = function(){alert("Noget andet kode"); this.notify();};
//select.onchange = this.notify;
}
Obj2.prototype = new Obj1;
Obj2.prototype.constructor = Obj1;
</script>
</head>
<body>
<form name=theForm>
<select name=theSelect>
<option value="">Entry1
<option value="">Entry2
</select>
</form>
</body>
<script>
var master = new Obj2(document.theForm.theSelect);
master.attach(1); master.attach(2);
</script>
</html>
Når jeg vælger noget nyt i theSelect går det galt ved kaldet this.notify(); Jeg får en fejl der siger at objektet ikke understøtter metoden. Er det fordi this i stedet for at referere til master, kommer til at referere til theSelect (i strid med hvad jeg ønsker)?
Hvis jeg ændrer tildelingen til select.onchange = this.notify; virker tingene som de skal - jeg får kaldt notify() korrekt og den skriver korrekt at observers har to elementer. Men det er ikke helt godt nok, jeg vil gerne kunne udføre noget kode før kaldet til notify().
På forhånd mange tak.
