nicht angemeldet
Jetzt soll beim Anklicken der Eingabefelder des sichtbaren Bereichs der vorbelegte Text gelöscht werden. Das Ganze passiert mit Javascript indem ich das Attribut 'Value' auf '' setze!
Du meinst sowas:
<input value="Suchbegriff"
onclick="if(this.value == this.defaultValue) this.value = '';"
onblur="if(!this.value) this.value = this.defaultValue;"
Hallo Struppi,
bei Deinem Beispiel oben werden allerdings alle Eingabefelder von allen Bereichen gelöscht. Es soll nur das Eingabefeld gelöscht werden, das ich angeklick habe.
Der neue Code:
<html>
<head>
<title>Test</title>
</head>
<body>
<a href="javascript:show('content1')">1 anzeigen</a>
</br>
<a href="javascript:show('content2')">2 anzeigen</a>
</br>
<a href="javascript:show('content3')">3 anzeigen</a>
<div id="content1" style="display:block">
<form action="www.test.de" method="_get" target="_blank">
<!--<input type="text" value="Suchbegriff" id="content1_1" onclick="deleteDefaultValues('content1_1')"/>-->
<input type="text" value="Suchbegriff" id="content1_1" onclick="if(this.value == this.defaultValue) this.value = '';"/>
</br>
<input type="text" value="PLZ" id="content1_2" onclick="if(this.value == this.defaultValue) this.value = '';"/>
</br>
<input type="submit" value="senden" id="content1_3"/>
</form>
<p>1</p>
</div>
<div id="content2" style="display:none">
<form action="www.test.de" method="_get" target="_blank">
<input type="text" value="Suchbegriff" id="content2_1" " onclick="if(this.value == this.defaultValue) this.value = '';"/>
</br>
<input type="text" value="PLZ" id="content2_2" onclick="if(this.value == this.defaultValue) this.value = '';"/>
</br>
<input type="submit" value="senden" id="content2_3"/>
</form>
<p>2</p>
</div>
<div id="content3" style="display:none">
<form action="www.test.de" method="_get" target="_blank">
<input type="text" value="Suchbegriff" id="content3_1" onclick="if(this.value == this.defaultValue) this.value = '';"/>
</br>
<input type="text" value="PLZ" id="content3_2"/>
</br>
<input type="submit" value="senden" id="content3_3"/>
</form>
<p>3</p>
</div>
</body>
</html>
Struppi