d12: onblur/onfocus dynamisch einfügen

ein (vielleicht) etwas spannendes anliegen:

ich bräuchte eine mglk per javascript wiederum javascript-anweisungen in ein html-tag einzufügen...

in
<input id="lgn_passwd" type="password" name="passwd" />
soll
value="Password" onblur = "if(this.value=='') this.value='Passwort...';" onfocus = "if(this.value=='Passwort...') this.value='';"

eingefügt werden...

adequat dann in
<input id="lgn_username" type="text" name="username" />
soll
value="Username" onblur = "if(this.value=='') this.value='Username...';" onfocus = "if(this.value=='Username...') this.value='';"
rein.

meine js-schnipsel:

document.getElementById("lgn_username").value = "Benutzername";
document.getElementbyId("lgn_username").onblur = "if(this.value=='') this.value='Benutzername...';";
document.getElementbyId("lgn_username").onfocus = "if(this.value=='Benutzername...') this.value='';";
document.getElementbyId("lgn_passwd").value = "Passwort";
document.getElementbyId("lgn_passwd").onblur = "if(this.value=='') this.value='Passwort...';";
document.getElementbyId("lgn_passwd").onfocus = "if(this.value=='Passwort...') this.value='';";

bislang funktioniert nur die value-zuweisung "benutzername" one blur/focus - komme mit der wahrscheinlich nötigen zeichenmaskierung nich klar. wenns so gar nich geht, bin ich gern für jede weitere hilfe offen

danke schonmal

  1. Hallo d12,

    document.getElementbyId("lgn_username").onblur = "if(this.value=='') this.value='Benutzername...';";

    hier benötigst du keinen String, sondern eine Funktionsreferenz:

    document.getElementbyId("lgn_username").onblur = function() { if(this.value=='') this.value='Benutzername...'; };

    oder

    tuwas = function() {
      ...
    }
    ....onblur = tuwas;

    Gruß, Jürgen

  2. document.getElementbyId("lgn_username").onblur = "if(this.value=='') this.value='Benutzername...';";

    Traditionelles Event-Handling

    Mathias