Erweiterung des <input/> Eingabe- Elements

Contenider · Beitrag von **Contenider** » Mo 28. Aug 2006, 08:32

Hallo zusammen,

mir kam gerade eben eine Idee. Ich habe vor einiger Zeit einmal auf irgendeiner Internetseite Eingabefelder gesehen, die mit 'value="Beispiel"' versehen waren und wenn man in dieses Feld hineingeklickt hat, verschwand der Text. Ich finde das ganz praktisch, wie realisiere ich das am besten? Vermutlich ist es ein Java Script?

i-fekt · Beitrag von **i-fekt** » Mo 28. Aug 2006, 09:09

Javascript. Schau auf eine Seite wo das der Fall ist (zB. eBay) und kopiere es von da.

Contenider · Beitrag von **Contenider** » Mo 28. Aug 2006, 17:22

Hier meine Lösung;

Script:

Code: Alles auswählen

//
//  Author          :  Maron Chatzifrantzis
//  Version         :  1.1
//  Datum           :  2006/08/28
//  Lizenz          :  General Public License (GPL) mit Angabe des Authors und Copyright
//  Beschreibung    :  Fügt einem <input /> Element eine direkte Beschreibung über onFocus=""
//                     und onBlur="" zu, löscht diese wenn man mit dem Coursor in das Element
//                     klickt und fügt diese bei Verlassen wieder ein.
//

function fielddel(f) {
	if (f.value == f.defaultValue) {
		f.value = "" ;
	}
}

function fieldset(f) {
	if (f.value == "") {
		f.value = f.defaultValue ;
	}
}

function fieldemp(f) {
	if (f.sbeg.value == f.sbeg.defaultValue) {
		f.sbeg.value = "" ;
	}
}

Beispiel:

Code: Alles auswählen

<head>
<script type="text/javascript" language="JavaScript1.2" src="js/6s6vz2wwqvrh.js"></script>
</head>

Code: Alles auswählen

<body>
<input name="#" class="#" style="width: 120px;" onFocus="fielddel(this)" onBlur="fieldset(this)" value="#" type="text">
<input name="#" class="#" style="width: 120px;" onFocus="fielddel(this)" onBlur="fieldset(this)" value="#" type="text">
</body>

mvf · Beitrag von **mvf** » Mo 28. Aug 2006, 18:02

Code: Alles auswählen

	<input type="text" name="searchterm" value="Suchbegriff eingeben" onfocus="if(this.value=='Suchbegriff eingeben')this.value='';" onblur="if(this.value=='')this.value='Suchbegriff eingeben';" />

wäre etwas schlanker

und 'Suchbegriff eingeben' könnte man auch noch multilanguage technisch immodul abhandeln und hier dann mit {SEARCH_INPUT_TEXT} refernzieren