Wie schreibt man in die Login felder?

Unregistriert

Jo das habe ich gemacht nur was muss ich anders machen das nicht nur der text sondern das komplette textfled verschwindet? Ich bekomme es nur so hin das der text verschwindet. Es muss aber ja das ganze textfeld verschwinden.

Tobse

Nein, wenn du mein bsp verwendest, brauchst du dich um garnichts mher zu kümmern. Aber wenn due es mit 2 feldern machen willst, musst du eben mal ein JS tut anschaun.

Unregistriert

Also dein script funktioniert irgendwie nicht.^^ oder ich mache irgendetwas falsch, namlich zum einen ist das wort passwort nicht genau indem input feld drin und zum anderen verschwindet es auch nicht wenn man in das feld klickt?

Unregistriert

Komisch es gibt keinen edit button^^ Naja ich hab jetzt wieder mein altes zeug genommen und ich weiß jetzt halt nicht wie man das feld komplett verschwinden lässt kann mir das vielleicht mal gerade einer erklären?

Hier der code den ich bisher habe:

<div class="div3"><form action="login.php" method="post">Login: <input type="text" value="Benutzername" name="username" onfocus="if(value=='Benutzername') { value='';}" onblur="if(value==''){value='Benutzername';}"><input type="password" name="password" class="login">
</form></div><input type="text" class="login" value="Passwort" name="passwortdummy" onfocus="if(value=='Passwort') { value='';}" onblur="if(value==''){value='Passwort';}" >
</form></div>

Unregistriert

Also wenn das hier keiner weiß, hat dann einer vielleicht eine ahnung wo ich die Lösung finden kann, also einen finden kann der das weiß?

Tobse

das liegt dran, dass ich bei dem CDATA n fehler gemacht hab. Nimm denhier, der müsste laufn:

HTML

<input type="text" name="user" value="Benutzername" onfocus="if(value=='Benutzername'){value='';}" onblur="if(value==''){value='Benutzername';}"><br>
<![CDATA[
function pwdfieldchg(direct) {
  if (direct=='1') {
      document.getElementById('pwdoverlayspan').style.display='none';
   } 
   else {
       if (document.getElementById('pwdfeld').value=='') {
           document.getElementbyId('pwdoverlayspan').style.display='block';
        }
    }
}
]]>
<br>
<input type="password" name="pwd" id="pwdfeld" onfocus="pwdfieldchg('1')" onblur="pwdfieldchg('0')"><span id="pwdoverlayspan" style="position: absolute; margin-left: -160px;">Passwort</span>

Alles anzeigen

Unregistriert

Ne funktioniert leider noch immer nicht.

Tobse

Dann versuch, die dunktion im head unter

HTML

<script>
und
</script>

einzubinden, aber lern am besten gleich JS wenn du solche spielerien magst, da geht nämlich noch vieeel mehr.

Unregistriert

So das habe ich jetzt gemacht jetzt klappt es auch so halb allerdings nur! Wenn mann neben das Passwort klickt verschwindet es auch und man kann in das Passwortfeld reinschreiben. Jetzt ist nur noch das Problem das das Passwort nicht genau in dem Passwortfeld drin ist und das wenn man aus dem Passwortfeld wieder rausgeht das Wort passwort nicht wieder zurück kommt.

Aber danke schonmal für deine Hilfe!

Tobse

Um das genau reinzuplatieren musst du die style-anweisungen verändern.

HTML

style="position: absolute; margin-left: -160px;"

Die veränderst du im style-attribut mit margin-top, -left, ...

Und dass das Passwort nicht kommt, hängt warscheinlich damit zusammen, dass es nicht leel ist

Zitat

Code

').value[B]==''[/B]) {

Unregistriert

So jetzt ist es genau in dem Feld drin jetzt ist nur noch das Problem mit dem zurückkommen! Also das Passwort feld ist leer und es kommt trotzdem nicht zurück!

Unregistriert

Achja und noch das Problem das man neben das Wort Passwort klicken muss um in das Feld zu kommen! Oder halt mit tabulator rein!

Tobse

Dann musst du im style-attribut vom span das width genau auf so viele pixel setzten, wie Passwort eben lang ist, also z.B.:
width: 36px;
und wegem dem zurückkommen schau mal in der Fehlerkonsole (Strg+Umschalt->J)

Unregistriert

Wenn ich das span größer einstelle reagiert es überhaupt nicht mehr! Das span reagiert nämlich irgendwie überhaupt nicht auf die klicke!

Unregistriert

und in der Fehlerkonsole steht:

document.getElementbyId is not a function

Tobse

Nein, das span regiert auch nicht. und wenn du es zu weit setzt, kann auhc nichts mehr klappen. Mach mal in den span-style ein
background: #F5E;
damit du siehhst, wei weit das element ist. Und wenn das mit dem doofen JS nicht geht, nimm halt das:

Code

[COLOR=#000080][COLOR=Black]function pwdfieldchg(direct) {
  if (direct=="1") {
      document.getElementById('pwdoverlayspan').style.display='none';
   } 
   else {
       if (document.getElementById('pwdfeld').value=='') {
           document.getElementById('pwdoverlayspan').style.display='block';
        }
    }
}

[/COLOR]
[/COLOR]

Unregistriert

ICh will ja nix sagen aber genau den code habe ich doch schon genommen.^^
Und um auf das span zurückzukommen. Das ist jetzt genau so lang wie das Wort Passwort, kann man das nicht irgendwie schaffen das auch wenn man auf das Wort Passwort klickt das schin verschwindet?

Unregistriert

Mit dem zurückkommen hab ich gerade mal im IE versucht dort klappt es komischerweise! Nur im firefox klappt es nicht.

Tobse

ja, du kopierst den inhalt vom onfocus-attribut des inputs und machst dann im span das attribut onclick und gibts ihm den inhalt dessen.

Unregistriert

So das hat funktioniert jetzt ist nur noch die frage warum der firefox nicht das Passwort wieder zurückkommen lässt!

Tags