Ay Chiquita
Neues Mitglied
Hallo!
Als Lösung für mein hier beschriebenes Problem habe ich eine Login-Box mit JavaScript gestaltet.
Wie Ihr sehen könnt, verändert sich die Hintergrundfarbe und die Rahmenfarbe der Box, wenn man mit der Maus über die Box geht; und zu wiederum einer anderen Hintergrundfarbe, wenn man die Box anklickt. Wenn man nun jedoch mit der Maus die Box verlässt, wird die Box wieder weiß - was sie natürlich nicht soll. Man kann ja schließlich immer noch in die Box seinen Benutzernamen eintragen, nur dass sich die Maus nicht mehr über der Box befindet. Erst wenn man außerhalb der Box klickt, sollte sie wieder weiß werden. Hierzu bräuchte ich soetwas wie "onClickOut o.Ä., was es aber (nach meinem Wissen) nicht gibt.
Weiß jemand eine alternative Lösung?
Liebe Grüße,
Fabian
Als Lösung für mein hier beschriebenes Problem habe ich eine Login-Box mit JavaScript gestaltet.
Code:
<form>
<textarea rows="1" wrap="off" style="background-color: #FFFFFF;
border: solid 1px;
border-color: #DBDBDB;
color: #777777;
font-family: Verdana;
font-size: 11px;
height: 22px;
overflow: hidden;
padding: 3px;
width: 100px;"
onmouseover="this.style.borderColor='#1771AA',this.style.backgroundColor='#F1F1F1'"
onmouseout="this.style.borderColor='#DBDBDB',this.style.backgroundColor='#FFFFFF'"
onClick="this.style.borderColor='#1771AA',this.style.backgroundColor='#DDDDDD'">Benutzername</textarea>
</form>
Wie Ihr sehen könnt, verändert sich die Hintergrundfarbe und die Rahmenfarbe der Box, wenn man mit der Maus über die Box geht; und zu wiederum einer anderen Hintergrundfarbe, wenn man die Box anklickt. Wenn man nun jedoch mit der Maus die Box verlässt, wird die Box wieder weiß - was sie natürlich nicht soll. Man kann ja schließlich immer noch in die Box seinen Benutzernamen eintragen, nur dass sich die Maus nicht mehr über der Box befindet. Erst wenn man außerhalb der Box klickt, sollte sie wieder weiß werden. Hierzu bräuchte ich soetwas wie "onClickOut o.Ä., was es aber (nach meinem Wissen) nicht gibt.
Weiß jemand eine alternative Lösung?
Liebe Grüße,
Fabian