Ich möchte auf meiner Seite ein transparentes Suchfeld über einem Hintergrundbild platzieren. Das funktioniert auch einwandfrei. Allerdings kann man die Schrift des Values auf Grund des Hintergrundbildes sehr schlecht lesen.
Daraufhin hab ich die beiden Eventhandler onMouseOver und onMouseOut verwendet um dem Textfeld beim MouseOver einen Hintergrund zu verpassen. Problem: durch den MouseOut wird der Hintergrund dann wieder transparent und die Schrift ist wieder nicht lesbar.
Daraufhin wollte ich dann noch den onChange-Eventhandler einbauen, welcher leider keine Wirkung zeigt.
Kann mir jemand weiterhelfen?
Das Suchfeld soll einen Hintergrund erhalten, wenn man mit der Maus drüber fährt und wenn es einen Inhalt hat, ansonsten soll es transparent erscheinen.
Hier noch mein Code, der bis auf den onChange funktioniert:
Daraufhin hab ich die beiden Eventhandler onMouseOver und onMouseOut verwendet um dem Textfeld beim MouseOver einen Hintergrund zu verpassen. Problem: durch den MouseOut wird der Hintergrund dann wieder transparent und die Schrift ist wieder nicht lesbar.
Daraufhin wollte ich dann noch den onChange-Eventhandler einbauen, welcher leider keine Wirkung zeigt.
Kann mir jemand weiterhelfen?
Das Suchfeld soll einen Hintergrund erhalten, wenn man mit der Maus drüber fährt und wenn es einen Inhalt hat, ansonsten soll es transparent erscheinen.
Hier noch mein Code, der bis auf den onChange funktioniert:
Code:
<input name="test" type="text" size="25" style="background='#';" onmouseover="this.style.background='#618E8D'; this.style.color='#FFFFFF';" onmouseout="this.style.background='#'; this.style.color='#000000';" onchange="this.style.background='#'; this.style.color='#FFFFFF';">
Kommentar