Nach klick auf Hoverschaltfläche soll das onmouseover-Bild da bleiben

[Sebastian12]

Hallo, ich hoffe ihr könn mir helfen!

Ich habe ein Menü in einer html Seite.
Die Schaltflächen sind Frontepage-Hoverschaltflächen. Ich möchte nun, dass wenn ich auf einen Link klicke sich die Grafik zB 1h.jpg läd (so ist es derzeit) und dann (das ist mein Wunsch) nach dem Klick soll die 1h.jpg bleiben und nicht wieder auf die Ausgangsgrafik zurückspringen! Ich will erreichen, das der Besucher an der Schaltflächenfarbe jederzeit sieht, wo es gerade ist!
Mein derzeotiger Quellcode für eine Schaltfläche:

<img border="0" id="img1" src="images/buttons/mainmenue/1.jpg" height="15" width="112,5" alt="1" onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'images/buttons/mainmenue/1h.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'images/buttons/mainmenue/1.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img1',/*url*/'images/buttons/mainmenue/1h.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img1',/*url*/'images/buttons/mainmenue/1h.jpg')" fp-style="fp-btn: Border Bottom 1" fp-title="1"></a></td>


Wer kann mir da helfen? Danke!!!

 

[Efchen]

Moin,

1. Entferne den Code, den Frontpage erzeugt. Das ist eine JavaScript-Lösung, die bei abgeschaltetem JavaScript nicht mehr funktioniert. Außerdem geht es übersichtlicher und einfacher: Mit CSS und der Pseudoklasse ":hover".
2. Dass die aktuelle Seite besonders hervorgehoben wird, musst Du selbst markieren. Dafür gibt es weder in HTML noch in CSS oder JavaScript eine Lösung. Du musst zum Zeitpunkt, wo Du das Menu erstellst, wissen, auf welcher Seite Du Dich befindest und diesen Link dann am besten mit einer Klasse auszeichnen, der Du dann mit CSS das gewünschte Aussehen vergibst.
Sowas geht, wenn Du das Menü in jeder Seite hast, dann weißt Du die aktuelle Seite, oder aber Du baust das Menü serverseitig zusammen (z.B. mit PHP), dann kannst Du die aktuelle Seite entweder übergeben oder über die Umgebungsvariablte $SCRIPT_NAME auslesen.

Gruß,
-Efchen

 

[neuroleptika]

...und diesen Link dann am besten mit einer Klasse auszeichnen....

Oder besser das ganze Element austauschen. Z.B. <strong> anstelle von <a>.
Verweise die auf sich selber zeigen sind nicht schön.