OnMouseOver

[Theque]

Hi Leute!
Ich habe vor kurzem mal nach dem Skript gefragt, der, wenn ich über eine Tabellenzelle fahre, die Farbe dieser Zelle ändert. Nun möchte ich aber noch dass genau dieser Script soweit erweitert(?) wird dass sich auch die Schrfitfarbe in dieser Zelle ändert und die ganze einzelne Zelle als Link funktioniert. Und das nur wenn die zelle "gehovert" wird.
Wie geht das?

[ch]

du tust in den td-Tag einfach folgendes reinschreiben:
[code:1:33bcff5415]<tdonMouseOver="this.style.color ='#123456';this.bgColor='#123456';" onClick="self.location.replace('SEITE.HTM L');">[/code:1:33bcff5415]

un dann noch SEITE.HTML durch die adresse ersetzten

und dann halt noch das gleiche für [b]onMouseout[b]

[Thedevil]

Hi !

Da stell ich als totaler Java und CO. anfänger mal ne Ergänzungsfrage !

Und zwar wie mache ich es, dass die Schrift fetter und wieder dünner wird ??

Danke für jede Antwort

Bis denne
TheDevil :twisted:

[Gea]

Dafür brauchst Du garkein Javascript. Das geht mit stylesheets.

[code:1:c46f44c40c]a:active.text { font-size:12px; }
a:link.text { font-size:12px; }
a:visited.text { font-size:12px; }
a:hover.text {font-size:12px; font-weight:bold;}[/code:1:c46f44c40c]

Ich hoffe, dass ich jetzt keinen Patzer reingehauen hab.

Gea

[Theque]

Dafür brauchst Du garkein Javascript. Das geht mit stylesheets.

Code:
a:active.text { font-size:12px; }
a:link.text { font-size:12px; }
a:visited.text { font-size:12px; }
a:hover.text {font-size:12px; font-weight:bold;}


Ich hoffe, dass ich jetzt keinen Patzer reingehauen hab.

Gea

Vielleicht solltest du den "; " und das Freizeichen am Ende der Klammer weglassen.
Außerdem braucht man das ".text" auch nicht.
Also so: [code:1:dda3c22a2a]
<style type="text/css">
<!--
a:active {font-size:12px}
a:link {font-size:12px}
a:visited {font-size:12px;}
a:hover {font-size:12px; font-weight:bold}
-->
</style>
[/code:1:dda3c22a2a]

Eine Frage hätte ich aber auch noch zu "meinem" Code. Funktioniert alles prima, nur bräuchte ich noch den Code damit der Cursor beim Hovern auch die nromale Hand für Links wird.

[LGm]

Vielleicht solltest du den "; " und das Freizeichen am Ende der Klammer weglassen.

Naja, falsch ist es mit ";" und den Leerzeichen aber auch nicht.
Kommt halt drauf an, wie einem der Quelltext besser gefällt. 8)
Ich mache das abschliessende ";" auch immer dahinter.

Außerdem braucht man das ".text" auch nicht.

Nein, wenn nicht nur die Links mit class="text" geändert werden soll, stimmt das!
Aber die Reihenfolge ist wichtig, wie man die Eigenschaften definiert!

Um eine korrekte Darstellung dieser Pseudoformate zu erreichen, müssen Sie bei der Notierung die folgende Reihenfolge einhalten:
:link, :visited, :hover, :active.

http://selfhtml.teamone.de/css/eigen...r_active_focus

nur bräuchte ich noch den Code damit der Cursor beim Hovern auch die nromale Hand für Links wird.

Mhh, mit CSS kann man den Cursor ändern, aber den Hand von den Links ist wohl nicht dabei.

http://selfhtml.teamone.de/css/eigenschaften/anzeigefenster.htm#cursor

[Gea]

Hmm, das mit der Reihenfolge wusste ich auch noch nicht. Werde ich bei mir mal schnell ändern.

Gea

[Thedevil]

Hallo !

Wenn ich das mit dem "normalen" Hover effekt mache, dann ändert sich der Text nur in Fett, wenn ich mit der Maus rüberfahr !

Der Text soll aber beim "betreten" der Zelle fett werden !

Für Antworten bedanke ich mich im Voraus !

Bis denne
TheDevil

[Theque]

Mhh, mit CSS kann man den Cursor ändern, aber den Hand von den Links ist wohl nicht dabei.

Ich meinte ja auch Java Script. Hab's jetzt aber schon selbst gefunden: [code:1:313ab04f1f]onMouseOver="this.style.color='#FFFFFF';this. bgColor='#000000';this.style.cursor='hand'"[/code:1:313ab04f1f]