Guten Tag
Ich habe ein Problem mit einem Eingabe Feld. Ich möchte, dass in dem Eingabefeld am Anfang etwas drin steht, sobald mann es anklickt, gelöcht wird und mann selber etwas reinschreibt. Derzeit muss mann manuell löschen. Wie geht das?
Derzeit sieht es so aus:
<input name="Name" maxlength="20" size="40" value="Bitte geben Sie hier Ihren Namen ein">
Mit besten Grüßen: Smooky
JavaScript ist dein Freund. Mit dem Event-Handler onFocus arbeiten und dabei prüfen, ob der Default-Text in dem Feld steht. Wenn ja, dann Feld leeren.
Derzeit hab ich das gemacht:
<script language="JavaScript">
<--
function disappear()
{
onfocus="if(this.value=='Name'){this.value=''}" onblur="if(this.value==''){this.value='Name'}";
}
//-->
</script>
<input name="Name" maxlength="20" size="40" value="Bitte geben Sie hier Ihren Namen ein" onclick="javascript:disappear()">
Aber es Funzt nicht...
da versuchste ja auch eventhandler die man eigentlich ins tag einbaut ins script zu schreiben.. so wie du es da gemacht hast. brauchste das javascript im head nicht!
dann bringen des öfteren verweise mit this auch nicht das gewünschte ergebnis..
um 100% sichergehen zu können, vergibste ne ID, die dem name-attribut entspricht und arbeitest mit der ID ich hab deinen code mal etwas umgestaltet... evtl fallen dir ja die unterschiede auf 
<html>
<head>
<title></title>
</head>
<script type="text/javascript">
<!--
function trim(zeichenkette) {
return zeichenkette.replace (/^\s+/, '').replace (/\s+$/, '');
}
function disappear(obj){
var objekt = document.getElementById(obj);
wert=trim(objekt.value);
if(wert=='Bitte geben Sie hier Ihren Namen ein'){
objekt.value=''
}else if(wert==''){
objekt.value='Bitte geben Sie hier Ihren Namen ein'}
}
//-->
</script>
<body>
<input id="Name" name="Name" maxlength="20" size="40" value="Bitte geben Sie hier Ihren Namen ein" onfocus="disappear('Name');" onblur="disappear('Name');">
</body>
</html>Ahh ja....
passt super,
Kann ich mit ner kleinen Veränderung auch ein zweites Textfeld einfügen, welches zum Beispiel Adresse heist, und die selbe Funktion kann? Derzeit ist es nur auf ein Textfeld zugeschnitten.
ja das geht.. die funktion lässt das zu .. musste halt nur ne andere id vergeben und die in den klammern der funktion übergeben..
Ohjemine..
Hab jetzt mehrere Dinge ausprobiert, zum Beispiel ne switch Anweisung in der Funktion oder if Anweisungen. Jedesmahl funktioniert dann nur ein Feld mit dem Löschen. Aber nie beide gleichzeitig. Wie soll ich die Id in die Funktion so übergeben das ein anderer Text statt: "Bitte geben Sie hier Ihren Namen ein" beim zweitem Textfeld verwendet wird?
<input id="Name" name="Name" maxlength="20" size="40" value="Bitte geben Sie hier Ihren Namen ein" onfocus="disappear('Name');" onblur="disappear('Name');">
<input id="textfeld2" name="textfeld2" maxlength="20" size="40" value="Bitte geben Sie hier Ihren Namen ein" onfocus="disappear('textfeld2');" onblur="disappear('textfeld2');">am script wird nichts geändert.. nur am aufruf
So hatte ich es erst auch, aber dabei wird erstens das zweite Textfeld nicht gelöscht und zweitens wenn es manuell gelöscht wird, wenn mann wieder rausgeht das Reingeschrieben was im ersten Textfeld drinn stehn muss.
Also es sollen zwei Textfelder Existieren, die beide wenn mann sie anklickt gelöscht werden aber wenn mann wieder weg geht wieder was drinn steht, aber Unterschiedlicher Text.
aha, was soll denn da drinstehen? und es wäre ratsam wenn du von anfang an schreibst, welches ziel du verfolgst.. nur so kann man dir wirklich helfen!
es bringt nichts wenn du sagst ich brauch xy und wenn du es bekommst kommt dann ein ahh jetzt brauch ich aber noch ein z was passiert wenn xy da is und angeklickt wird.
ich hoffe du konntest das beispiel soweit verstehen!
<html>
<head>
<title></title>
</head>
<script type="text/javascript">
<!--
function trim(zeichenkette) {
return zeichenkette.replace (/^\s+/, '').replace (/\s+$/, '');
}
function disappear(obj, text){
var objekt = document.getElementById(obj);
var obj_text = text;
wert=trim(objekt.value);
if(wert==text){
objekt.value='';
}else if(wert==''){
objekt.value=obj_text;
}
}
//-->
</script>
<body>
<input id="Name" name="Name" maxlength="20" size="40" value="Bitte geben Sie hier Ihren Namen ein" onfocus="disappear('Name', this.value);" onblur="disappear('Name', 'Bitte geben Sie hier Ihren Namen ein');">
<input id="textfeld2" name="textfeld2" maxlength="20" size="40" value="Bitte geben Sie hier Ihren Namen ein" onfocus="disappear('textfeld2', this.value);" onblur="disappear('textfeld2', 'bla blubb trööt');">
</body>
</html>und weil das ganze ne javascript-angelegenheit ist, verschieb ich das ding mal in den entsprechenden bereich!