SearchBar

Messieurs (dames), bonjour.

Je recherche un code ou une ébauche de code afin de réaliser ceci :

http://nsa25.casimages.com/img/2011/...0857116989.png

Je souhaiterai qu'il interagisse comme le fait la barre de recherche de google ou itunes (sous Safari), c'est-à-dire que, lorsque l'on clique dessus et que l'on rentre des caractères, une image à droite s'affiche, une croix, pour effacer le contenu . Cela ressemble donc à cela :

http://nsa26.casimages.com/img/2011/...1136321916.png

Je souhaiterais bien sûr que la recherche se fasse sur mon site, comme ceci je suppose :

Code:

---

1 2 3 4 5 6 7 8

<div id="searchbar"> <form method="get" id="searchform" action="http://www.monsite.com"> <div> <input type="text" name="search" id="search"/> <input type="submit" value="" id="loupe"/> </div> </form> </div>

---

Je souhaiterais aussi qu'il n'y ait pas de bouton "submit" (comme dans les images ci-dessus), c'est-à-dire que l'on ait a taper "Entrée" pour lancer la recherche.

J'ai recherché sur internet une ébauche de code à ce sujet et ne l'ai pas trouvé. Si vous avez un source ou quoi que ce soit, je suis preneur.

En vous remerciant.

Cordialement.