Kald af function i object
Jeg har en function i classen 'myFunction' som jeg gerne vil kalde fra forskellige elementer oprettet af forskellige objekter, det lyder vist lidt indviklet, håber nedenstående eksempel bedre illustrerer mit problem.Det jeg ønsker er at når der klikkes på det røde felt så kaldes red.showResult(); og når der klikkes på det blå felt så kaldes blue.showResult(); jeg kunne selvfølgelig skrive if (this.id==’red’) red.showResult(); osv. men da jeg ikke nødvendigvis ved hvad objektet hedder så er det ikke så god en løsning, så hvis der er nogen der har en ide vil jeg være taknemlig.
<html>
<head>
<title>Test js</title>
<SCRIPT>
var myFunction = function()
{
this.id="";
this.farve="red";
this.obj="red";
this.result="";
}
myFunction.prototype.init = function()
{
this.obj=document.getElementById(this.obj);
this.obj.style.width="10em";
this.obj.style.height="10em";
this.obj.style.backgroundColor=this.farve;
// ********* det vigtige! **************
this.obj.id=this.id;
// dette virker ikke: this.obj.onmousedown=this.id+".showResult();";
this.obj.onmousedown=function() {
// virker ikke: this.showResult();
if (this.id=='red') red.showResult();
if (this.id=='blue') blue.showResult();
}
// *************************************
}
myFunction.prototype.showResult = function()
{
alert(this.result);
}
function start()
{
red=new myFunction();
red.result="YES RØD! ";
red.id="red";
red.init();
blue=new myFunction();
blue.farve="blue";
blue.obj="blue";
blue.result="YES BLÅ!";
blue.id="blue";
blue.init();
}
onload=start;
</SCRIPT>
</head>
<BODY>
<div id="red"></div>
<div id="blue"></div>
</BODY>
</html>
