Text/Password Input value swap'n

_voodoo

Erfahrenes Mitglied
Hoffentlich reicht der Titel *g*

Ich möcht den Login ein wenig mit überflüßigem JS aufpeppen und zwar
soll der Inhalt (value) "weg gemacht werden", wenn man mit dem Cursor
über das Input-Feld fährt.
Bsp: <input type="text" name="nick" value="nickname">

Wenn nun der Cursor drauf geht soll halt das "nickname" verschwinden.
Richtig toll wäre es wenn dann wieder "nickname" im Feld steht, sofern
nichts eingegeben wird.

So weit bin ich selber, jedoch macht das nicht immer wie es soll:
PHP:
<input type="text" name="text1" value="text1" id="text1" OnFocus="document.getElementById('text1').value='';">
 
Code:
<input onfocus="this.value=(this.value=='nickname')?'':this.value;this.select();" onblur="this.value=(this.value.match(/\S/))?this.value:'nickname'"value="nickname">
Gutes Gelingen:)
 
Probiers mal hiermit:
HTML:
<html><head><title>Input-Swap</title></head>
   
   <script language="JavaScript"><!--
   	var old_value;
   	function swap(target) {
 		if (document.getElementById(target).value=="") document.getElementById(target).value=old_value;
   		else {
   			old_value = document.getElementById(target).value;
   			document.getElementById(target).value=""
   		}
   
   	}
   //--></script>
   
   <body>
   	<input type="text" value="text1" id="text1" onFocus="swap('text1')" onBlur="swap('text1')">
   	<p>.</p>
   
   </body></html>
Mann könnte es auch mit onMouseover statt onFocus und onMouseout statt onBlur machen, das ist aber nicht ratsam, weil sich ein Textfeld auch ohne onMouseover z.B. mt der Tastatur aktivieren lässt und man so auf alle Fälle das on Blur drinlassen müsste, was den input wieder aufbläht
 
Zuletzt bearbeitet:

Neue Beiträge

Zurück