Active Menü Button

DestinatioN · 9. Januar 2014, 21:43

Hallo,
ich habe dieses menü

PHP-Quellcode

<div id="mainMenu" class="mainMenu">
<div class="mainMenuInner">
<ul>
<li id="mainMenuItem1">
<a href="index.php?page=startseite" title="mainMenuItem1">
<span>Startseite</span>
</a>
</li>
<li id="mainMenuItem2">
<a href="index.php?page=download" title="mainMenuItem2">
<span>Download</span>
</a>
</li>
<li id="mainMenuItem3">
<a href="index.php?page=feedback" title="mainMenuItem3">
<span>Feedback</span>
</a>
</li>
<li id="mainMenuItem4">
<a href="index.php?page=teamspeak" title="mainMenuItem4">
<span>Teamspeak</span>
</a>
</li>
</ul>
</div>
</div>

Alles anzeigen

Die Buttons sind Standardmäßig grau. Bei "a:hover" werden sie Hellblau
Jetzt möchte Ich machen, dass wenn ich auf der Seite "Download" bin, dass der Button im Menü nicht Grau ist sondern Rot oder so. So das man halt sieht, dass man momentan auf dieser Seite ist.

[BlaZZeR]BirD · 9. Januar 2014, 21:51

Ich hab nicht wirklich Ahnung von CSS, aber ich würde einfach den Boden Rot färben und dann wenn man auf der Seite ist anzeigen lassen (statt den grauen)

TutNichts · 9. Januar 2014, 21:51

Was sagst du denn dazu?: w3schools.com/cssref/sel_active.asp

Dennis321 · 9. Januar 2014, 21:52

moin,
simplerweise nimmt man da:

CSS-Quellcode

a:active{
}

Man kann auch der Seite, auf der man gerade ist eine Classe bzw. eine ID z.B. namens "active" geben.

Gruß,
Dennis

DestinatioN · 9. Januar 2014, 22:02

a:active funktioniert in diesem Fall leider nicht, da a:active nur active wird, wenn A angeklickt wird

[BlaZZeR]BirD · 9. Januar 2014, 22:03

Du kannst doch sicherlich ein anklicken "vortäuschen" ?

DestinatioN · 9. Januar 2014, 22:08

[BlaZZeR]BirD schrieb:

Du kannst doch sicherlich ein anklicken "vortäuschen" ?

Das kann ich leider nicht, da ich mich mit PHP und HTML nicht so auskenne

Dennis321 · 9. Januar 2014, 22:13

Dennis321 schrieb:

moin,
Man kann auch der Seite, auf der man gerade ist eine Classe bzw. eine ID z.B. namens "active" geben.

Via PHP Seite abfragen und dieser eien passende Klasse oder ID geben

Sry, letzter Post dann doch überlesen...

PHP-Quellcode

page=startseite

Hier hast du die Seite.

PHP-Quellcode

if(isset($_GET['page']) && $_GET['page'] == 'Startseite'){ echo 'id="active"'; }

Wäre eine Möglichkeit, einfach in den HTML Tag diesen PHP Code rein und wenn die Seite aktiv ist, hat diese die ID "active",
die du via CSS ansprechen kannst.

PHP-Quellcode

<li id="mainMenuItem1">
<a href="index.php?page=startseite" title="mainMenuItem1" <?php if(isset($_GET['page']) && $_GET['page'] == 'Startseite'){ echo 'id="active"'; } ?>>
<span>Startseite</span>
</a>
</li>

Die Seite muss dann natürlich eine PHP Seite sein.

Gruß,
Dennis

PHP-Quellcode

CSS-Quellcode

PHP-Quellcode

PHP-Quellcode

PHP-Quellcode

Teilen