Hallo,
ich habe eine kleine Frage. Wie wird mit onmouseout die Ausgangslage definiert? Wenn zB. mit onmouseover der Rahmen rot markiert wird, soll mit onmouseout alles wieder rückgängig gemacht werden.
Gruß Georg
Hallo,
ich habe eine kleine Frage. Wie wird mit onmouseout die Ausgangslage definiert? Wenn zB. mit onmouseover der Rahmen rot markiert wird, soll mit onmouseout alles wieder rückgängig gemacht werden.
Gruß Georg
[COLOR=„Silver“]Edit: Hupsala, Moment. Habe die falsche Datei aktualisiert. Das funktioniert so noch nicht. Peinlich.
[COLOR=„Silver“]Edit 2: Here we go. Jetzt sollte es gehen.
[COLOR=„Red“]Edit 3: Code noch einmal aktualisiert, da der IE die Prototype-Methode nicht unterstützte.
Ich würde es über das Hinzufügen und Entfernen von CSS-Klassen regeln. Von der Idee her so (nur im Firefox getestet, Verbesserungen willkommen – in jQuery und Co. ist sowas sicher bereits integriert):
[html]
.default {
width: 300px;
height: 200px;
background: #f00;
border: 3px solid #00f;
}
.over {
background: #00f;
border: 5px dashed #0f0;
width: 500px;
height: 300px;
}
Hallo mermshaus,
ich hätt’s mit CSS gemacht…
Da ich Deinen Code nicht ansatzweise verstehe: kannst Du den kurz erläutern?
Wäre damit eventuell mein Problem lösbar? ( http://www.html.de/javascript-ajax-und-dhtml/23442-onmouseover-mit-auswirkung-auf-mehrere-links.html )
Grüße
Bernhard
@Speedy: Nein, ich habe doch eindeutig geschrieben onmouseover und onmouseout. Die Funktion musss mit JavaScript erfüllt werden. Es ist ein Eingabefeld.
Anstatt onmouseout=„this.style.borderColor=‚#ffffff‘“ möchte ich die Ausgangslage (Wie vor onmouseover)… onmouseout=„…'“?
@Bernhard: Ich möchte keine Classdefinition einfügen und anschließend wieder entfernen.
Nimm die Lösung mit den CSS-Klassen (habe meinen ersten Post noch einmal editiert) oder setz die veränderten Werte manuell wieder auf den Ausgangswert zurück.
Es scheint nicht möglich zu sein, im IE die Styles eines Elements per JavaScript zu kopieren und wieder zu setzen. Die beste Lösung, die ich gefunden habe, funktioniert nicht richtig:
[html]
demo /* */ [/html]Leute ich habe das Problem, dass beim Fahren auf den Eingabefeld anstatt der Cursor die Hand angezeigt wird. Weiss jemand wie ich das Problem beheben kann?
Hallo Georg,
vielleicht hilft Dir das: http://de.selfhtml.org/css/eigenschaften/anzeigefenster.htm#cursor
Grüße
Bernhard
CSS fände ich schlauer:
.input {border-color:#fff;}
.input:hover {border-color:#000;}
Aber wenn du’s unbedingt mit JS machen willst:
sss mit JavaScript erfüllt werden. Es ist ein Eingabefeld.
<input onmouseover="this.style.borderColor='#000000'"
onmouseout="this.style.borderColor=''" />
[EDIT]: Das Forum verschluckt Code
Irgendwie habe ich noch nicht verinnerlicht, dass man sowas verwenden kann, weil der IE >6 es tatsächlich unterstützt. Schon das zweite Mal in zwei Tagen.
Die Lösung ist natürlich optimal.
und man muss sich dann auch immer Fragen, ob es wirklich so wichtig ist, dass es der IE 6 kann.
Ob beim mouseovern der Rahmen rot wird oder nicht, dürfte für die Bedienung der Seite nur unwesentlich eine Rolle spielen, ansonsten ist es nur eine optische Spielerei.