Buttens mit CSS ... Navigierbarkeit

[nivek]

(mache das noch mit html)

also ich habe im Head Bereich eingefügt :

<style>
a { display:inline;
background-image:url(../Bilder/Button2.bmp);
width:120px; height:30px }
a:hover { background-image:url(../Bilder/Button1.bmp); }
</style>
<script language="JavaScript">
<!--
function ZweiFrames( URL1, F1, URL2, F2 )
{
parent.frames[F1].location.href = URL1;
parent.frames[F2].location.href = URL2;
}
//-->
</script>


.....nun, es klappt alles mit dem draufklicken, aba wie bekomme ich das hin das angezeigt wird wo man ist, d.h. wenn ich z.B. auf Startseite klicke das das nach dem klicken in ner anderen Farbe Leuchtet, aba wenn ich auf was anderes gehe das das nach dem Klicken Leuchtet ....


also sowas wie ein längerer onmouseover effekt oda sowat ...

PLS HELP... Brauche ich wegen Infoprojekt
:!::!::!::!::!::!:

 

[_Thor_]

Das machst du am besten mit einer serverseitigen Scriptsprache wie PHP, SSI, ASP...

Dazu solltest du das Menü per include in jede Seite einbinden und dann z.B. per PHP mit der Variablen

$_SERVER['SCRIPT_NAME']

prüfen, auf welcher Seite du dich befindest, dann suchst du im Menü den passenden Eintrag, das geht z.B. mit regulären Ausdrücken und gibst ihm z.B. eine Klasse, in der du per CSS das Aussehen des aktiven Links definierst.

Nur mit HTML geht das nicht dynamisch, dafür müsstest du das in jeder Seite selber schreiben, hat den Nachteil, dass du bei einer Änderung am Menü alle Seiten bearbeiten musst.

 

[prm]

Hier findest du zwei Anleitungen:
Die erste ist eine statische Lösung, d.h. du musst jeder Seite einen individuellen Code verpassen.
Die zweite funktioniert mit PHP.
Link der geöffneten Seite hervorheben
Friedels Board &bull; Thema anzeigen - Navigation includen und aktive Links hervorheben (Anleitung)