onMouseDown - onmouseover - onmouseout

Wenn ich bei deinem Beispiel mit der Maus über die Felder fahre werden
sie alle GELB und bleiben GELB.

Hast du das mal getestet? :confused:
Das kann nicht sein, denn a) geb ich funktionstüchtigen Code raus :-) und b) setzt sich mein Demo so zusammen:

CSS:
.Farbe1 { background:red; }
.Farbe2 { background:white; }
HTML:
onmouseover="this.className='Farbe1'" onmouseout="this.className='Farbe2'"

Der Hintergrund wechselt bei mir auf gelb, wenn mit der Maus in das Feld geklickt wird, und es so den Fokus erhält:

CSS:
.Farbe3 { background:yellow; }
HTML:
onfocus="this.className='Farbe3'"


Hast du möglicherweise irgendwo einen Zahlendreher drin?

mfg Maik
 
Hi Maik

Wenn man in deiner Liste mit der Maus über die Eingabefelder
geht werden sie ROT
OK

Wenn man in deiner Liste mit der Maus in ein Eingabefeld klickt
werden sie GELB
OK

Wenn man jetzt mit der Maus das Feld verlässt wird es wieder weiß.
NICHT OK

Es soll erst wieder weiß werden wenn man auf den BODY
oder in ein anderes Feld klickt.

Die Farbe green ist nicht nötig

Testlink
http://www.newtimemedia.de/test/test.php

Gruß Thomas
 
Wenn man in deiner Liste mit der Maus in ein Eingabefeld klickt
werden sie GELB
OK

Wenn man jetzt mit der Maus das Feld verlässt wird es wieder weiß.
NICHT OK
Falsch, es wird nun grün, weil es den Fokus verliert.

CSS:
.Farbe4 { color:green; }
HTML:
onblur="this.className='Farbe4'"

Es soll erst wieder weiß werden wenn man auf den BODY
oder in ein anderes Feld klickt.

Die Farbe green ist nicht nötig
Dann stell einfach im Stylesheet den Farbwert für .Farbe4 von "green" auf "white" um, oder ruf im onblur-Event den Klassennamen Farbe2 auf :p

mfg Maik
 
Klicke mal bitte auf den Link mit Firefox funktioniert das was ich brauche.
Wie schaffe ich das es auch im IE 7 funktioniert.
Das ist alles.
CSS:
input:hover { }
funktioniert im IE7, wenn er im standardkonformen Modus läuft, was aber bei dir derzeit nicht der Fall ist, Stichwörter: Der »DOCTYPE-Switch« und seine Auswirkungen und "Quirksmode".

CSS:
input:focus { }
wird vom IE7 nicht unterstützt - siehe http://www.thestyleworks.de/ref/pc_dynamic.shtml#focus.

Mit meinen bislang gezeigten und geratenen Vorschlägen gibt es im IE (5.x, 6 & 7) überhaupt keine Probleme mit deinem Vorhaben.

mfg Maik
 
Hi Maik

1 das Eingabefeld ist weiß
2 Wenn ich mit der Maus über dem Eingabefeld stehe soll es ROT werden
3 Wenn ich mit der Maus vom Eingabefeld weggehe soll es wieder weiß werden.
4 Wenn ich in das Eingabefeld hineinklicke soll es GELB werden.
Wenn ich mit der Maus vom Eingabefeld weggehe soll es ABER GELB bleiben.

Es soll erst wieder weiß werden wenn man auf den BODY
oder in ein anderes Feld klickt.


Bei deinem Beispiel:
Wenn ich mit der Maus vom Eingabefeld weggehe wird es weiß

Klicke auf den Link und schaue es dir an.

http://www.newtimemedia.de/test/test.php

Gruß Thomas
 
1 das Eingabefeld ist weiß
2 Wenn ich mit der Maus über dem Eingabefeld stehe soll es ROT werden
3 Wenn ich mit der Maus vom Eingabefeld weggehe soll es wieder weiß werden.
4 Wenn ich in das Eingabefeld hineinklicke soll es GELB werden.
Wenn ich mit der Maus vom Eingabefeld weggehe soll es ABER GELB bleiben.

Es soll erst wieder weiß werden wenn man auf den BODY
oder in ein anderes Feld klickt.
Und wie soll deiner Meinung nach der Browser nun die rotmarkierten Fälle unterscheiden, wenn doch für beide Aktionen der Eventhandler onmouseout (beim Verlassen des Elements mit der Maus) eintritt bzw. gilt? :suspekt:

mfg Maik
 

Neue Beiträge

Zurück