ubuntuusers.de

mit Javascript Suchfeld (input) leeren und wieder füllen

Status: Gelöst | Ubuntu-Version: Ubuntu 11.04 (Natty Narwhal)
Antworten |

hanseate82

Anmeldungsdatum:
18. Januar 2010

Beiträge: 216

Hallo.

Ich weiß nicht genau ob es in dieses Forum gehört, habe aber kein geeigneteres gefunden. Es geht um ein Input-Feld auf meiner Website, welches geleert wird, wenn man mit der Maus hineinklickt. Klickt man dann woanders hin, bleibt es leer. Wie kann man es mit Javascript (oder jquery?) anstellen, dass das input beim reinklicken geleert wird, und beim wieder 'herausklicken' wieder gefüllt wird, also wieder "suchen" dort drin steht?

habe schon einige Zeit gegoogelt aber die Lösung nicht gefunden.

ein wink in die richtige richtung würde schon reichen.

vielen dank

SanchoPansa

Anmeldungsdatum:
30. Juli 2006

Beiträge: 11

Hallo,

du kannst das Feld über das Event "onblur" wieder füllen:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
<script type="text/javascript">
    function clearInput(input) {
        input.value = "";
    }
    
    function fillInput(input) {
        input.value = "suchen...";
    }
</script>
<input id="textinput" type="text" value="Hallo Welt!" onfocus="clearInput(this)" onblur="fillInput(this)"/>

hanseate82

(Themenstarter)

Anmeldungsdatum:
18. Januar 2010

Beiträge: 216

Hallo.

Ich habe die values noch mit

1
value = "<?php echo $search;?>"

gefüllt, für englischen bzw. deutschen Text und es funktioniert soweit getestet einwandfrei.

(bin anfänger)

Vielen Dank für die hilfe 👍

Antworten |