Teil von SELFHTML Forum Teil von SELFHTML Forumsarchiv Teil von 2005 Teil von Juni

SELFHTML Forumsarchiv
Dynamisch Eventhandler einem HTML-Objekt hinzufügen

Informationsseite
  1. Seite (DHTML) Dynamisch Eventhandler einem HTML-Objekt hinzufügen von TheAdvancedUser, 29. 06. 2005, 16:54
nach unten

Dynamisch Eventhandler einem HTML-Objekt hinzufügen

Die folgende Nachricht zum Thema stammt von: TheAdvancedUser, 29. 06. 2005, 16:54

Hallo alle zusammen,

ich habe beim Anlegen eines Eventhandlers Probleme. Die Idee ist folgende: Es sollte im Prinzip möglich sein einem HTML-Tag, das dynamisch als Objekt generiert wird, einen Eventhandler zuzuweisen, um z.B. den Text von einer Option aus einem Auswahlfeld mit einem Textfeld zu synchronisieren. Für den IE gäbe es von MS eine Möglichkeit, aber ich würde gerne den Code für einige Browser anwenden können...

Viele Grüße
TheAdvancedUser

PS: Meine Experimente habe ich nach 1 Stunde aufgegeben :(

nach obennach unten

Dynamisch Eventhandler einem HTML-Objekt hinzufügen

Die folgende Nachricht zum Thema stammt von: Jan L., 29. 06. 2005, 17:08

Hallo,

»» ich habe beim Anlegen eines Eventhandlers Probleme. Die Idee ist folgende: Es sollte im Prinzip möglich sein einem HTML-Tag, das dynamisch als Objekt generiert wird, einen Eventhandler zuzuweisen, um z.B. den Text von einer Option aus einem Auswahlfeld mit einem Textfeld zu synchronisieren. Für den IE gäbe es von MS eine Möglichkeit, aber ich würde gerne den Code für einige Browser anwenden können...

Vielleicht hilft dir ja http://www.quirksmode.org/js/events_advanced.html
weiter? Ansonsten mußt du mal genauer beschreiben, was du erreichen willst.

Gruß, Jan

nach obennach unten

Dynamisch Eventhandler einem HTML-Objekt hinzufügen

Die folgende Nachricht zum Thema stammt von: molily, 29. 06. 2005, 17:21

Hallo,

»» Es sollte im Prinzip möglich sein einem HTML-Tag, das dynamisch als Objekt generiert wird, einen Eventhandler zuzuweisen

elementobjekt.onevent = handlerfunktion;

»» Für den IE gäbe es von MS eine Möglichkeit, aber ich würde gerne den Code für einige Browser anwenden können...

Was spricht gegen die einfache Methode? Hast du mehrere unabhängige Handlerfunktionen?

Mathias

nach obennach unten

Dynamisch Eventhandler einem HTML-Objekt hinzufügen

Die folgende Nachricht zum Thema stammt von: flashnfantasy, 29. 06. 2005, 17:50

Sollte für alle Browser funktionieren


function addEvent(obj, evType, fn) {
  if (obj.addEventListener)
  {
    obj.addEventListener(evType, fn, false);
    return true;
  }
  else if (obj.attachEvent)
  {
     var r = obj.attachEvent("on"+evType, fn);
     return r;
  }
  else
  {
    return false;
  }
}

function removeEvent(obj, evType, fn) {
  if (obj.addEventListener)
  {
    obj.removeEventListener(evType, fn, false);
    return true;
  }
  else if (obj.attachEvent)
  {
     var r = obj.detachEvent("on"+evType, fn);
     return r;
  }
  else
  {
    return false;
  }
}

function getEventTarget(e) {
return (e.target) ? e.target : e.srcElement

------------------------------

Bsp für HTML-Knopf, der bei Mouseover Aufleuchtet und bei Mouseout die Originalfarbe annimmt.


function ButtonEnter(e)
{
  var node = getEventTarget(e);
  node.style.backgroundColor = styleOfBackground(gstylehi);
}

function ButtonLeave(e)
{
  var node = getEventTarget(e);
  node.style.backgroundColor = styleOfBackground(gstylebu);
}




function makeButton(node)
{
    addEvent(node,"mouseover",ButtonEnter);
    addEvent(node,"mouseout",ButtonLeave);
}

nach obennach unten

Dynamisch Eventhandler einem HTML-Objekt hinzufügen

Die folgende Nachricht zum Thema stammt von: molily, 29. 06. 2005, 18:19

Hallo,

»» function getEventTarget(e) {
return (e.target) ? e.target : e.srcElement

»» function ButtonEnter(e)
»» {
»»   var node = getEventTarget(e);

e ist undefined im MSIE, nicht?
Der Link wurde hier ja schon gepostet: http://www.quirksmode.org/js/events_advanced.html -> http://www.quirksmode.org/js/events_access.html

Wie auch immer, ich würde erst einmal die Anforderungen klären.

Mathias

nach oben
Teil von SELFHTML Forum Teil von SELFHTML Forumsarchiv Teil von 2005 Teil von Juni

© 1998-2006 Seite Impressum, Software: Classic Forum