Wie komme ich an ein Element in einem Formular

[mkoeni1]

Hallo Leute,

ich habe ein Problem mit einem Formular und benötige Eure Hilfe.
Ich habe ein Formular und möchte im Passwort Feld ausgeben:

Bitte Passwort eingeben.

(im Klartext).

Das Passwortfeld ist als Typ:

type="password"

deklariert.

Die Javascript Funktion sieht so aus:

function check_login(){

  var fFelder = new Array(3);
for (var i = 0; i < fFelder.length; ++i){
  fFelder[i] = document.forms['loginform'].elements[i].value;
}
 
  // Vorsicht: Fuehrende Leerzeichen aus dem Bentzernamen entfernen
  // benutzer ueberpruefen
  if(fFelder[0] == ""){
    window.document.forms['loginform'].elements[0].focus();
    document.forms['loginform'].elements[0].value = "Input fehlt.";
    document.forms['loginform'].elements[0].value;
    return false;
  }
  // password ueberpruefen ob es gesetzt ist
  if(fFelder[1] == ""){
    window.document.forms['loginform'].elements[1].focus();
    document.forms['loginform'].elements[1].value = "Bitte Passwort eingeben.";
    document.forms['loginform'].elements[1].value;
    return false;
  }
} // end function check_lo

Das Formular sieht so aus:

<form action="index.php?action=login" method="POST" name="loginform" onSubmit="return check_login()">
    <table border="0" cellpadding="0" cellspacing="4">
      <tr>
       <th colspan="2">Anmeldung</th>
      </tr>
      <tr>
       <td style="font-family: verdana,arial,helvetica; font-size : 75%; text-align: right;">User/Admin</td>
       <td><input name="user" type="text" size="15" maxlength="30" style="font-family: verdana,arial,helvetica; font-size : 75%; width:70px;" onFocus="this.style.backgroundColor='#FFC';" onBlur="set()"></td>
      </tr>
      <tr>
       <td style="font-family: verdana,arial,helvetica; font-size : 75%; text-align: right;">Password:</td>
       <td><input name="passwd" type="password" size="15" maxlength="40" style="font-family: verdana,arial,helvetica; font-size : 75%; width:70px;"></td>
      </tr>
      <tr>
       <td>&nbsp;</td>
       <td><input type="submit" name="sending" value="Login" style="background-color:goldenrod;color:black; border: solid 1px silver;cursor:hand; width: 37px; font-family: verdana,arial,helvetica; font-size : 75%;" onMouseOver="this.style.backgroundColor='#efefef';" onMouseOut="this.style.backgroundColor='goldenrod';">
       </td>
      </tr>
      <tr>
       <td colspan="2" style="font-family: verdana,arial,helvetica; font-size : 75%; text-align: left;"><div class="melden"><input type="checkbox" name="cb" value="<?php echo $_SESSION['angemeldet'] ?>" style="font-family: verdana,arial,helvetica; font-size : 75%; text-align: left;">angemeldet bleiben ?</div>
       </td>
      </tr>
      <tr>
       <td colspan="2" style="font-family: verdana,arial,helvetica; font-size : 75%; text-align: left;"><div class="melden">* Passwort <a href="index.php?action=Forget">vergessen</a>?</div></td>
      </tr>
      <tr>
       <td colspan="2" style="font-family: verdana,arial,helvetica; font-size : 75%; text-align: left;"><div class="melden"><a href="index.php?action=Register">Nicht registriert?</a></div></td>
      </tr>
    </table>
  </form>

Kann mir jemand Helfen?

Vielen Dank und Gruß
Matze

 

[kleiner_floh]

Also eine Lösung die zumindestens im Firefox t (IE hab ich net getestet) wäre es das Feld bei einklicken von Text auf Password zu ändern...

  <td><input name="pass" onFocus="if(this.value=='Passwort'){this.value=''; this.type='password';}" onblur="javascript: if(this.value==''){this.type='text'; this.value='Passwort';}else{}" type="text" value="Passwort" style="font-family: verdana,arial,helvetica; font-size : 75%; width:70px;"></td>

 

[kleiner_floh]

Oder in einer extra function:

<script language="javascript" type="text/javascript">
  window.onload = function() {
	var obj = document.getElementById("text:user");
	    obj.setAttribute("value", "Benutzername");
	    obj.onfocus = new Function("if(this.value==this.defaultValue) this.value=''");
	    obj.onblur = new Function("if(this.value=='') this.value='Benutzername'");
	var obj = document.getElementById("password:passwort");
	    obj.type = "text";
	    obj.setAttribute("value", "Passwort");
	    obj.onfocus = new Function("if(this.value==this.defaultValue) { this.value=''; this.type='password' }");
	    obj.onblur = new Function("if(this.value=='') { this.value='Passwort'; this.type='text' }");
}
  </script>

 <td><input id="text:user" type="text" size="15" maxlength="30" style="font-family: verdana,arial,helvetica; font-size : 75%; width:70px;" onFocus="this.style.backgroundColor='#FFC';" onBlur="set()"></td>
      </tr>
      <tr>
       <td style="font-family: verdana,arial,helvetica; font-size : 75%; text-align: right;">Password:</td>
       <td><input type="password"id="password:passwort" style="font-family: verdana,arial,helvetica; font-size : 75%; width:70px;"></td>