[Erledigt] Funktions übergabe bei Events

chiwie · 11.12.2011, 05:02

Guten Morgen,

ich habe folgendes Problem: beim mousedown event sind die variablen der Funktion nicht verfügbar sehr wohl aber bei den mouseover und out

Hier der Code

PHP-Code:

  function Noter()

{

    this.oldElementBG;

    this.test = 1;

    return this;

}

Noter.prototype.activate = function(){

    document.getElementsByTagName("body")[0].onmousedown = this.make;

    document.getElementsByTagName("body")[0].onmouseover = this.mark;

    document.getElementsByTagName("body")[0].onmouseout = this.unmark;

};

Noter.prototype.make =function(event){

    alert(this.oldElementBG+" "+this.test);

    var element = getElementTree(event.target);

    document.getElementsByTagName("body")[0].onmousedown = null;

    document.getElementsByTagName("body")[0].onmouseover = null;

    note = document.createElement("div");

    note.setAttribute("id","NewNote");

    note.setAttribute("style", "position:absolute;border:1px solid black;height:250px;width:400px;");

    note.style.left =  event.pageX>50 ? event.pageX - 50 + "px":event.pageX-5 + "px";

    note.style.top =  event.pageY>50 ? event.pageY - 50 + "px":event.pageY-5+ "px";

    document.getElementsByTagName("body")[0].appendChild(note);

    MakeDivWindow('NewNote','Eine neue Notiz erstellen');

    document.getElementsByTagName("body")[0].onmouseout = null;

};

Noter.prototype.mark =function(event){

    this.oldElementBG = event.target.style.background;

    event.target.style.background = "green";

};

Noter.prototype.unmark =function(event){

    event.target.style.background = this.oldElementBG;

};

vllt. kan mir jmd. von euch helfen.

rudygotya · 11.12.2011, 09:42

Hi,

dein Event-Handler onmousedown wird im Scope des DOM-Objects ausgeführt, sprich im Context von Body. Und Body kennt kein oldElementBg

Siehe https://developer.mozilla.org/en/Jav.../Function/bind

Fix sieht dann so aus (den mdn fallback einbinden):

PHP-Code:

  Noter.prototype.activate = function(){ 
    var body = document.getElementsByTagName("body")[0];
    body.onmousedown = this.make.bind( this );
    body.onmouseover = this.mark.bind( this );
    body.onmouseout = this.unmark.bind( this );
}

Bitte lesen: http://eloquentjavascript.net/chapter13.html (oder auf ein Framework zurückgreifen).

Grüße

Basti

chiwie · 11.12.2011, 15:07

vielen dank war wohl heute morgen einfach zu müde das zu checken.
wunderte mich nur das es bei onmouseover und out ging...

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Reihenfolge und (Un)Abhängigkeit von Events	Quu	Software-Design	36	24.04.2011 13:09
[Erledigt] jquery fullcalendar events nach oben verschieben	Thorus	JavaScript, Ajax und mehr	2	24.01.2011 11:38
Scriptsuche Anmeldetool für Events	JK_89	Scriptbörse	1	23.12.2010 13:03
MySQL Events automatisch starten	Todeshügel	Datenbanken	2	10.11.2010 17:40
Variablen Übergabe innerhalb 2 php-Scripts	hakkinen-ffm	PHP Tipps 2009	4	15.11.2009 14:43
[Erledigt] Probleme mit "this.value" - Übergabe bei onchange	espressoboy	JavaScript, Ajax und mehr	3	27.01.2009 01:21
Events, Observer, Henne-Ei-Problem	Basti	PHP-Fortgeschrittene	3	09.05.2006 15:53
Browsergame Events		PHP-Fortgeschrittene	7	15.12.2005 20:19
Übergabe via URL => Scriptfehler		PHP Tipps 2005-2	9	24.09.2005 13:12
Übergabe Cookie unter PHP 5.0 nicht möglich ??		PHP Tipps 2005	1	20.03.2005 18:33
Übergabe aus Textarea		PHP-Fortgeschrittene	2	01.03.2005 21:42
[Erledigt] Übergabe on Variablen über mehrere Seiten		PHP Tipps 2005	13	01.02.2005 21:13
Übergabe Variablen sehr komischer Fehler		PHP-Fortgeschrittene	6	16.11.2004 16:28
Parameter übergabe bei meta http-equiv="refresh	MadCro	PHP Tipps 2004	3	19.07.2004 11:46
Probleme bei Übergabe von Parametern		PHP Tipps 2004	21	17.06.2004 11:08

11.12.2011, 05:02
chiwie Neuer Benutzer Registriert seit: 14.12.2008 Beiträge: 29 PHP-Kenntnisse: Anfänger	[Erledigt] Funktions übergabe bei Events Guten Morgen, ich habe folgendes Problem: beim mousedown event sind die variablen der Funktion nicht verfügbar sehr wohl aber bei den mouseover und out Hier der Code PHP-Code: function Noter() { this.oldElementBG; this.test = 1; return this; } Noter.prototype.activate = function(){ document.getElementsByTagName("body")[0].onmousedown = this.make; document.getElementsByTagName("body")[0].onmouseover = this.mark; document.getElementsByTagName("body")[0].onmouseout = this.unmark; }; Noter.prototype.make =function(event){ alert(this.oldElementBG+" "+this.test); var element = getElementTree(event.target); document.getElementsByTagName("body")[0].onmousedown = null; document.getElementsByTagName("body")[0].onmouseover = null; note = document.createElement("div"); note.setAttribute("id","NewNote"); note.setAttribute("style", "position:absolute;border:1px solid black;height:250px;width:400px;"); note.style.left = event.pageX>50 ? event.pageX - 50 + "px":event.pageX-5 + "px"; note.style.top = event.pageY>50 ? event.pageY - 50 + "px":event.pageY-5+ "px"; document.getElementsByTagName("body")[0].appendChild(note); MakeDivWindow('NewNote','Eine neue Notiz erstellen'); document.getElementsByTagName("body")[0].onmouseout = null; }; Noter.prototype.mark =function(event){ this.oldElementBG = event.target.style.background; event.target.style.background = "green"; }; Noter.prototype.unmark =function(event){ event.target.style.background = this.oldElementBG; }; vllt. kan mir jmd. von euch helfen.


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

11.12.2011, 09:42
rudygotya Erfahrener Benutzer Registriert seit: 28.05.2008 Beiträge: 2.094 PHP-Kenntnisse: Fortgeschritten	Hi, dein Event-Handler onmousedown wird im Scope des DOM-Objects ausgeführt, sprich im Context von Body. Und Body kennt kein oldElementBg Siehe https://developer.mozilla.org/en/Jav.../Function/bind Fix sieht dann so aus (den mdn fallback einbinden): PHP-Code: `Noter.prototype.activate = function(){ var body = document.getElementsByTagName("body")[0]; body.onmousedown = this.make.bind( this ); body.onmouseover = this.mark.bind( this ); body.onmouseout = this.unmark.bind( this ); }` Bitte lesen: http://eloquentjavascript.net/chapter13.html (oder auf ein Framework zurückgreifen). Grüße Basti __________________ ++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++ Blog

11.12.2011, 15:07
chiwie Neuer Benutzer Registriert seit: 14.12.2008 Beiträge: 29 PHP-Kenntnisse: Anfänger	vielen dank war wohl heute morgen einfach zu müde das zu checken. wunderte mich nur das es bei onmouseover und out ging...