onMouseOver

[tomik]

Hallo,

ich möchte gerne auf meiner Homepage den onMouseOver Effect so definieren, dass die Backgroundfarbe nicht immer neu eingegeben wird, sondern auf einer CSS Datei ausgelesen wird.

D.h. wie kann ich diesen Code ( onMouseOver="this.style.backgroundColor='#D6EEF7';" ) so verändern, dass ich die Backgroundfarbe nicht immer vo neuem eingeben muss, sonern aus CSS auslesen kann?

Danke
Mit Zitat antworten

 

[con-f-use]

Das kannst du auch nur mit css machen. Auslesen aus css-Dateien ist nur über Umwege mit JS möglich. Da ist es besser du machst das ganze gleich mit javascript: In einer for-Schleife weist du den den einelnen Elementen einen onmouseover zu.

 

[fhr]

hier ein bsp.
ich denke das ist das was du suchst:

<style type="text/css">	
<!--
	table {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color:    
        #000000; text-decoration: none}
	a:active {  color: #0FFFFF; text-decoration: none}
	a:hover { color: #000000;}
	a:link {  color: #999999; text-decoration: none}
	a:visited {  color: #C88887; text-decoration: none}
-->
</style>

 

[Sven Mintel]

Anstatt die Farbe zuzuweisen, kannst du den Klassennamen ändern

onmouseover="this.className='hoverklasse';"

 

[con-f-use]

Also wie gesagt, das allseits von Links bekannte ":hover" hinter der Regel funktioniert in neueren Browsern auch bei Nichtlinks, deswegen solle JS gar nicht nötig sein.

@fhr:
a:link muss in Geckos vor a:hover definiert sein, sonnst wird a:hover ignoriert.

 

[fhr]

Stimmt. Mein Fehler.
Danke.

Beim Firefox verschwindet die aktive-Farbe direkt nach dem draufklicken wieder.
Weiss jemand woran das liegt

 

[con-f-use]

Gleicher Fehler a:acrive muss nach a:hover und das wiederum nach a:link kommen.