Du bist nicht angemeldet.
Lieber Besucher, herzlich willkommen bei: HTML, CSS und PHP Forum - HTML Tutorial. Falls dies dein erster Besuch auf dieser Seite ist, lies bitte die Hilfe durch. Dort wird dir die Bedienung dieser Seite näher erläutert. Darüber hinaus solltest du dich registrieren, um alle Funktionen dieser Seite nutzen zu können. Benutze das Registrierungsformular, um dich zu registrieren oder informiere dich ausführlich über den Registrierungsvorgang. Falls du dich bereits zu einem früheren Zeitpunkt registriert hast, kannst du dich hier anmelden.
Samstag, 21. Januar 2012, 20:04
Zitat von »"Sören"«
Wie wäre es, der Funktion einen Parameter mit der id der zu leerenden Box zu übergeben, dann brauchst du nur eine Funktion, die beliebige Felder leert.
Das Typ Ändern könntest du dann als weiteren Parameter machen, der entweder true (Typ ändern) oder false (Typ nicht ändern) sein kann.
Damit brauchst du dann nur eine Funktion.
|
Quellcode |
1 |
<input type="text" onclick="meine_funktion(document.getElementById('benutzername').id);" />
|
Samstag, 21. Januar 2012, 20:07
|
|
Quellcode |
1 2 3 |
function Clear(id) {
...jetzt ist der Parameter einfach unter der Variable id zu erreichen...
}
|
|
|
Quellcode |
1 |
onclick="Clear(passwort);" |
Samstag, 21. Januar 2012, 20:13
|
|
Quellcode |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 |
<!DOCTYPE html>
<html>
<head>
<title>Titel</title>
<meta charset="UTF-8" />
<script>
function change_type(obj, type, standard)
{
if(undefined !== standard)
if('' == obj.value || standard == obj.value)
obj.type = type;
else
return false;
else
obj.type = type;
}
function change_value(obj, content, standard)
{
if(true == standard)
if('' == obj.value || content == obj.value)
obj.value = content;
if(undefined !== standard)
if('' != obj.value && standard != obj.value)
return false;
obj.value = content;
}
</script>
</head>
<body>
<form action="" method="post">
<fieldset>
<legend>Bitte Einloggen</legend>
<label><input type="text" name="benutzername" value="Benutzername" onclick="change_value(this, '', 'Benutzername');" onblur="change_value(this, 'Benutzername', true);" /></label>
<label><input type="text" name="passwort" value="Passwort" onclick="change_value(this, '', 'Passwort'); change_type(this, 'password');" onblur="change_value(this, 'Passwort', true); change_type(this, 'text', 'Passwort');" /></label>
<input type="submit" name="button" value="Einloggen!" />
</fieldset>
</form>
</body>
</html>
|
|
|
Quellcode |
1 2 3 4 5 6 7 8 |
<form action="" method="post">
<fieldset>
<legend>Bitte Einloggen</legend>
<label><input type="text" name="benutzername" value="Benutzername" onclick="if(this.value == '') this.value = 'Benutzername';" onblur="if(this.value == '') this.value = 'Benutzername';" /></label>
<label><input type="text" name="passwort" value="Passwort" onclick="if(this.value == '' || this.value == 'Passwort') { this.value = ''; this.type = 'password'; };" onblur="if(this.value == '' || this.value == 'Passwort') { this.value = 'Passwort'; this.type = 'text'; };" /></label>
<input type="submit" name="button" value="Einloggen!" />
</fieldset>
</form>
|
Samstag, 21. Januar 2012, 20:18
|
|
Quellcode |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 |
<!DOCTYPE html>
<html>
<head>
<title>Titel</title>
<meta charset="UTF-8" />
<link href="style/main.css" type="text/css" rel="stylesheet" />
<link href="style/login.css" type="text/css" rel="stylesheet" />
<script>
document.createElement("header");
document.createElement("nav");
document.createElement("section");
// für alte browser
function fenster_leeren(uebergabewert)
{
if( document.getElementById("benutzername").id == uebergabewert )
{
if( document.getElementById("benutzername").value == "Benutzername..." )
{
//der value wird geleehrt bei onclick="fenster_leeren(id_des_inputs);"
document.getElementById("benutzername").value = "";
}
}
if( document.getElementById("passwort").id == uebergabewert )
{
if( document.getElementById("passwort").value == "Passwort..." )
{
//der value wird geleehrt bei onclick="fenster_leeren(id_des_inputs);"
document.getElementById("passwort").value = "";
document.getElementById("passwort").type = "password";
}
}
}
function fenster_zuruecksetzten()
{
if(document.getElementById("benutzername").value == '')
// wenn nix ausgefüllt wurde und das fenster erlassen wird (wegen onblur="")
{
//der value wird wieder gefüllt
document.getElementById("benutzername").value = "Benutzername...";
}
if(document.getElementById("passwort").value == '')
{
document.getElementById("passwort").type = "text";
// bei onblur also verlassen, wird es ein text feld damit
//der value sichtbar wird der gleich noch gegeben wird
document.getElementById("passwort").value = "Passwort...";
}
}
</script>
</head>
<body onload="document.getElementById('passwort').type = 'text';">
<header>huhu</header>
<form action="" method="post">
<fieldset>
<legend>Bitte Einloggen</legend>
<label><input type="text" id="benutzername" name="benutzername" value="Benutzername..." onclick="fenster_leeren('benutzername');" onblur="fenster_zuruecksetzten();" /></label>
<label><input type="password" id="passwort" name="passwort" value="Passwort..." onclick="fenster_leeren('passwort');" onblur="fenster_zuruecksetzten();" /></label>
<!-- id wegen javascript -->
<input type="submit" name="button" value="Einloggen!" />
</fieldset>
</form>
huhu
</body>
</html>
|
Samstag, 21. Januar 2012, 20:36
