probleme mit objekt und prototypenfunktion als event

[Bueddl]

Hi,

also ich hab da mal ein Problem^^ Und zwar isses so:

<div id='tagid'>

</div>

Ich hab ein Objekt, das einen neuen Tag "<div>" im dokuemnt erzeugen soll:

function thumbPictureObject() {
   //ich lege eine id fest, die brauche ich später, deshalb pack ichs in ne variable
  this.id = 'subtag';
   //jetzt erstelle ich meinen div...
   var neuerTag= document.createElement("div");
   //..gebe ihm seine id...
   neuerTag.id = this.id;
  ///...und binde ihn als Child von meinem existierended Tag ein. das klappt ja alles, aber....
   document.getElementById('tagid').appendChild(neuerTag);
  //wenn ich jetzt das event zuweise, wird es SOFORT, ohne,dass ich das Event auslöse, ausgeführt.
   document.getElementById(this.id).onclick = this.Open();
}

thumbPictureObject.prototype.Open = function() {
  alert('blubb');
}

wenn ich jetzt das objekt erstelle...

var test = new thumbPictureObject();

...wir die funktion aufgerufen,ohne das ichnur einen klick mache...und jetzt die unausweichliche Frage: Wieso verdammt^^

Ich komm da echt nicht weiter, wäre nett, wenn irh mit heir helfen könnten. Danke und viele Grüße,
Sebastian

[tsseh]

onklick erwartet eine funktionsreferenz

document.getElementById(this.id).onclick = this.Open;

du führst die funktion aus und weist das ergebnis zu.
dann ist dein this ein anderes, wenn der event ausgeführt wird.

function saveThis(obj)
{
  return obj.Open;
}
document.getElementById(this.id).onclick = saveThis(this);

[dewey_89]

function thumbPictureObject() {
    ...
    document.getElementById(this.id).onclick = function() {
        alert('blubb');
    }
} 

[Bueddl]

ok, das hab ich mal so gemacht, aber weiso kann ich in der prototypen funktion nicht auf eine variable des objekts zugreifen, also z.B. in der funktion
Open();

würd ich gerne statt

alert("blubb");

variable2 ausgeben...(genauso definiert, wei this.id, nur eine zeile drunter)

alert(this.variable2);

nur sagts dann "undefined".....

//edit: mit this.id klappts, aber das wars auch, mit keiner anderen, hab ca. 5 variablen, jede (bis auf id) bringt undefined....obwohl se nru eine zeile drunter (unjter this.id) definiert werden....

wie kann ich das lösen?

Nochmals vielen Dank und Lg,
Sebastian

[dewey_89]

also mit meiner Methode funktionierts...

[tsseh]

ja, war mist, da hat noch die Clousure gefehlt.

function saveThis(obj)
{
  return function()
  {
    obj.Open();
  };
}
document.getElementById(this.id).onclick = saveThis(this);

[Bueddl]

function thumbPictureObject() {
        this.id = 'myid';
    this.variable2 = 2;
    document.getElementById(this.id).onclick = function() {
        alert(this.variable2); //gibt undefined aus....
                 alert(this.id); //gibt myid aus
    }
} 

hab das auch mal ausprobiert, bei mri kommt dann das:
undefined. was mach ich denn da falsch. bei beidne ansätzen das gleiche.... mit this.id gehts, sonst nit...

////////////////////

erst jetzt deinen letzten post gelesen: jezz biste mri ne erklärung schuldig^^ auf einmal gehts..^^

naja, however, danke =)

[tsseh]

du weist einer variablen eine funktionsreferenz zu.

var test = new thumbPictureObject();
var xxx=test.Open;var test = new thumbPictureObject();

wenn du jetzt irgendwann deine funktionsreferenz aufrufst

xxx();

ist dein this aber das window-objekt, weil du die funktion wie eine globale funktion aufrufst. du müßtest also dein objekt als context mitgeben.

xxx.call(test);

aber woher soll das beim click-event jemand kennen? also wird bei events davon ausgegangen, daß die funktionsreferenz auf eine globale funktion zeigt. das heißt, du mußt in dieser globalen funktion deine eigentliche funktion rufen mit dem richtigen context.