JS: dynamisches Event per String definieren

nikosch · 08.06.2007, 19:36

Hallo, ich suche eine Möglichkeit, die nachfolgende switch Anweisung durch ein gleichwertiges, auf die String-Variable sEvent bezogenes Pendant zu ersetzen:

Code:

  switch (sEvent.toLowerCase())
    {
    case 'mouseup':
      var mOldEvent = oElement.onmouseup;
      oElement.onmouseup = function () 
        {
        if (mOldEvent) mOldEvent ();
        toggleDivArea (sTarget);
        }
      break;

    case 'mousedown':
      var mOldEvent = oElement.onmousedown;
      oElement.onmousedown = function ()  
        {
        if (mOldEvent) mOldEvent ();
        toggleDivArea (sTarget);
        }
      break;
    ...
    }

Hintergrund: Ich möchte über sEvent eine dynamische Angabe machen können, welches Event-Attribut um den Aufruf von | toggleDivArea (sTarget); | erweitert wird.
Kurz, ich suche ein kürzere Variante, statt alle on... hier per switch case definieren zu müssen.
oElement ist der per document.getElementById ermittelte DOM Objekt-Bezug.

Bisherige Versuche:

Code:

oElement['mouseup']

Code:

oElement.events['mouseup']

Code:

oElement.getAttribute () und oElement.setAttribute ()

Die letzte Lösung kommt dem schon nahe, liefert aber ein anderes Ergebnis und die Zuweisung der Funktion bekomme ich darüber auch nicht hin (wahrscheinlich, weil sich setAttribute mehr auf den string-Inhalt des Attributs bezieht ?).

Vielleicht hat ja jemand etwas mehr Ahnung von JS, vielleicht gibts dafür aber auch keine Lösung.
Gruß und Dank --n

nikosch · 08.06.2007, 20:21

Ok, hatte wohl den falschen Suchansatz. Habe hier mit dem addEventListener und seiner Umschiffung für den IE-extrawurst wahrscheinlich eine Lösung gefunden:

http://www.mediaevent.de/javascript/event_listener.html

Slava · 15.06.2007, 00:29

ich bin mit nicht ganz sicher, ob ich dich 100% verstanden habe, aber ich versuche solche problemen mit eval() zu löschen

Code:

<div id='test'>TEST</div>
<script>
function blums(){alert('das ist es');}
var einevariable='click';//analog zu sEvent.toLowerCase()
var was=document.getElementById('test');
eval('was.on'+einevariable+'=blums');
</script>

nikosch · 15.06.2007, 00:50

eval () ist bei mir so verpönt, dass ich da gar nicht dran gedacht habe! Wie gesagt, ich habe eine Lösung über addEventListener/attachEvent gefunden. Eine konkrete Anwendung habe ich in meinem aktuellen Tutorial beschrieben.

Zergling-new · 15.06.2007, 03:36

So ganz verstehe ich nicht, was das Skript machen soll.

nikosch · 15.06.2007, 14:46

Welches, das im Tut? Oder das Event Listener Script?
Zum letzteren:
Ich möchte dynamisch ein Event zuweisen können, ohne das Script ändern zu müssen. Z.B. so:
(Event im Setting definiert)

Code:

var Event = 'mouseup';
initToggleDiv (Event);

oder sogar so
(Event als Attribut im Quellcode angegeben)

Code:

<p class="ToggleDiv" Event="mouseup">Schalte mit mir</p>
<div>Schalte mich aus</div>

Ohne die Funktion müßte ich immer objekt.onmousedown = function schreiben und diesen Code ändern. So habe ich aber ein flexibles Modul, das ich in diversen html Dateien einbinden kann und habe trotzdem noch die Möglichkeit unterschiedl. Maus-Events zu nutzen.
Ein zusätzlicher Vorteil ist, dass alte Maus-Events nicht überschrieben sondern ergänzt werden. Hab ich z.B. schon nen Hover-effekt für den IE über JS zugewiesen, kann ich das selbe Element zusätzlich noch zum Schalten eines Infofeldes verwenden, und das über das gleiche Ereignis.

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
Event abfangen	Ambience	JavaScript, Ajax und mehr	4	30.08.2007 14:36
String in Array als Integer definieren	cyberholic	PHP-Fortgeschrittene	2	01.12.2006 20:29
String auslesen	Shaira	PHP Tipps 2006	11	01.12.2006 17:52
String in Datenbank finden	Pimbolie1979	Datenbanken	11	13.10.2006 15:37
In allen Spalten nach String suchen	Jacks Rache	Datenbanken	0	05.08.2005 20:15
In allen Tabellen nach String suchen	Jacks Rache	Datenbanken	0	05.08.2005 11:18
String in allen Spalten suchen	Jacks Rache	Datenbanken	0	05.08.2005 09:43
Alle Spalten nach String durchsuchen	Jacks Rache	Datenbanken	0	05.08.2005 09:41
string -> int, nur wenn string zahl ist		PHP Tipps 2005-2	3	06.06.2005 12:33
where string von einer funktion zu anderen transportieren		PHP Tipps 2005	5	03.03.2005 16:29
Kleines Problem mit einem String...	MortakArtos	PHP Tipps 2005	2	24.01.2005 10:42
String suchen und tauschen		PHP Tipps 2005	13	08.01.2005 22:00
[Erledigt] String mit Leerzeichen auffüllen		HTML, Usability und Barrierefreiheit	2	27.10.2004 18:47
[Erledigt] probleme mit event datenbank		Datenbanken	1	04.09.2004 00:30
bekomme string nicht in mysql-tabelle		PHP Tipps 2004	6	26.07.2004 11:35

08.06.2007, 19:36
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	JS: dynamisches Event per String definieren Hallo, ich suche eine Möglichkeit, die nachfolgende switch Anweisung durch ein gleichwertiges, auf die String-Variable sEvent bezogenes Pendant zu ersetzen: Code: switch (sEvent.toLowerCase()) { case 'mouseup': var mOldEvent = oElement.onmouseup; oElement.onmouseup = function () { if (mOldEvent) mOldEvent (); toggleDivArea (sTarget); } break; case 'mousedown': var mOldEvent = oElement.onmousedown; oElement.onmousedown = function () { if (mOldEvent) mOldEvent (); toggleDivArea (sTarget); } break; ... } Hintergrund: Ich möchte über sEvent eine dynamische Angabe machen können, welches Event-Attribut um den Aufruf von \| toggleDivArea (sTarget); \| erweitert wird. Kurz, ich suche ein kürzere Variante, statt alle on... hier per switch case definieren zu müssen. oElement ist der per document.getElementById ermittelte DOM Objekt-Bezug. Bisherige Versuche: Code: oElement['mouseup'] Code: oElement.events['mouseup'] Code: oElement.getAttribute () und oElement.setAttribute () Die letzte Lösung kommt dem schon nahe, liefert aber ein anderes Ergebnis und die Zuweisung der Funktion bekomme ich darüber auch nicht hin (wahrscheinlich, weil sich setAttribute mehr auf den string-Inhalt des Attributs bezieht ?). Vielleicht hat ja jemand etwas mehr Ahnung von JS, vielleicht gibts dafür aber auch keine Lösung. Gruß und Dank --n


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

08.06.2007, 20:21
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Ok, hatte wohl den falschen Suchansatz. Habe hier mit dem addEventListener und seiner Umschiffung für den IE-extrawurst wahrscheinlich eine Lösung gefunden: http://www.mediaevent.de/javascript/event_listener.html

15.06.2007, 00:29
Slava Erfahrener Benutzer Registriert seit: 17.01.2006 Beiträge: 468	ich bin mit nicht ganz sicher, ob ich dich 100% verstanden habe, aber ich versuche solche problemen mit eval() zu löschen Code: <div id='test'>TEST</div> <script> function blums(){alert('das ist es');} var einevariable='click';//analog zu sEvent.toLowerCase() var was=document.getElementById('test'); eval('was.on'+einevariable+'=blums'); </script> __________________ Slava http://bituniverse.com

15.06.2007, 00:50
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	eval () ist bei mir so verpönt, dass ich da gar nicht dran gedacht habe! Wie gesagt, ich habe eine Lösung über addEventListener/attachEvent gefunden. Eine konkrete Anwendung habe ich in meinem aktuellen Tutorial beschrieben.

15.06.2007, 03:36
Zergling-new Erfahrener Benutzer Registriert seit: 21.05.2008 Beiträge: 9.937	So ganz verstehe ich nicht, was das Skript machen soll.

15.06.2007, 14:46
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Welches, das im Tut? Oder das Event Listener Script? Zum letzteren: Ich möchte dynamisch ein Event zuweisen können, ohne das Script ändern zu müssen. Z.B. so: (Event im Setting definiert) Code: var Event = 'mouseup'; initToggleDiv (Event); oder sogar so (Event als Attribut im Quellcode angegeben) Code: <p class="ToggleDiv" Event="mouseup">Schalte mit mir</p> <div>Schalte mich aus</div> Ohne die Funktion müßte ich immer objekt.onmousedown = function schreiben und diesen Code ändern. So habe ich aber ein flexibles Modul, das ich in diversen html Dateien einbinden kann und habe trotzdem noch die Möglichkeit unterschiedl. Maus-Events zu nutzen. Ein zusätzlicher Vorteil ist, dass alte Maus-Events nicht überschrieben sondern ergänzt werden. Hab ich z.B. schon nen Hover-effekt für den IE über JS zugewiesen, kann ich das selbe Element zusätzlich noch zum Schalten eines Infofeldes verwenden, und das über das gleiche Ereignis.