Value von Textfeld langsam ausblenden

[Da Bozz]

Hi,

folgendes Problem:
Ich habe ein Suchfeld mit einem bestimmten Value (Suchbegriff). Wenn man auf das Textfeld klickt, sollte dieser Value mit dem Effect.Fade ausgeblendet werden. Wenn man den Cursor wieder aus dem Textfeld herausnimmt, ohne etwas hineingeschrieben zu haben, soll der Value mit Effect.Fade wieder erscheinen.

Ich hoffe, ihr könnt mir folgen.

Wie mache ich das jetzt? Ich habe schon einiges mit Event-Handlern durchprobiert, aber meine Kenntnisse reichen nicht aus, um alles umzusetzen.

Wenn mir jemand die Code-Zeilen schreiben könnte, wäre ich sehr dankbar!

 

[threadi]

Schau dir mal die animate()-Funktion von jQuery an. Die kann genau so was leisten.

 

[Da Bozz]

Schau dir mal die animate()-Funktion von jQuery an. Die kann genau so was leisten.

Ok, wie integriere ich das jetzt?

Ich habe derzeit folgenden Code:

<form action="%DOWNLOAD_PAGE_URL%" method="get" class="searchform">
<input type="hidden" name="dl_cat" value="%CATEGORY_ID%" />       
         <div id="search-text-box">
  <div class="search-text-left"></div>
  <div class="search-text-right"></div>
  <div class="search-text-back"></div>

 
  
  <label class="searchfield" id="search_label2" for="search-text2"><input id="search-text2" tabindex="1" name="dl_search" value="Download-Suche" class="search" type="text" onfocus="if(this.value == this.defaultValue) this.value = '';" onblur="if(!this.value) this.value = this.defaultValue;"></label> 

</div>
  
           <div id="search-button-box">
  <div class="search-button-left"></div>
  <div class="search-button-right"></div>
  <div class="search-button-back"></div>
       
    <button id="search-button" tabindex="2" type="submit" class="search-btn">GO</button>
  
  </div>

  
  

  
  
    
</form>

 

[mermshaus]

Probier es doch erstmal selbst.

Edit @#5:

Das habe ich bereits, aber ich weiß nicht ganz, wo ich anfangen soll.

Zwischen threadis Post und deiner Antwort sind unglaubliche 16 Minuten vergangen…

 

[Da Bozz]

Probier es doch erstmal selbst.

Das habe ich bereits, aber ich weiß nicht ganz, wo ich anfangen soll.

 

[ka9de]

Ein Anfang wäre die Dokumentation mit Beispiel zu lesen.. steht doch alles im Link der Funktion.