Wenn ich ein Menü nav in HTML mache und PHP verwende, um es in jede Seite meiner Website einzuschließen, wie gehe ich über die Hervorhebung der aktuellen Seite, wenn alles, was ich auf der Seite einfügen kann ("menu.html");Aktuellen Menüpunkt hervorheben, wenn PHP
Antwort
Sie können das Menü auch in PHP schreiben, da Sie PHP bereits verwenden, um das Menü zu laden. Führen Sie einfach eine if/else-Anweisung auf den Menüpunkten aus, um zu überprüfen, ob "href" in der Verknüpfung mit der aktuellen URL von Seite und stellen Sie den Menüpunkt auf "aktiv".
Da Sie keine Klassen und Divs vor dem Laden der Seite ändern können, müssen Sie eine Art von Javascript/jquery/was auch immer verwenden, um den Link dynamisch zu markieren, nachdem die Seite geladen wurde. Dies sollte nicht zu schwierig sein; Sie können ein bisschen Javascript haben, das durch das Menü div (vorausgesetzt, Sie verwenden divs) für einen href
Eintrag, der der aktuellen Seite entspricht, und fügen Sie dann die richtige CSS-Klasse zu diesem bestimmten Tag.
habe dich, klingt gut – benhowdle89
In raw PHP sollte dies wie
<?php
$currentPage = ''; // should be accessed from $_SERVER
$cssMenu = array('home.html', 'about.html');
if(array_search($currentPage, $cssMenu)) $cssMenu[$currentPage] = 'active';
?>
<ul id="top-menu">
<li class="<?= $cssMenu['home.html'] ?>">Home</li>
<li class="<?= $cssMenu['about.html'] ?>">About</li>
</ul>
Ihre menu.html
in menu.php
Stellen und in dieser Datei so etwas wie
<ul class="menu">
<li <?php echo ($page == 'page1') ? 'class="current"' : '';?>> <a href="#">Page1</a> </li>
<li <?php echo ($page == 'page2') ? 'class="current"' : '';?>> <a href="#">Page2</a></li>
</ul>
auf diese Weise in jeder Seite Sie sind menu.php
Sie können einfach eingestellt die Variable so
<?php
$page = 'page1';
include('menu.php');
?>
Beachten Sie, dass dies nur ein Beispiel ist, da wir nicht wissen, wie Ihr aktueller Code aussieht
Das hat gut für mich funktioniert. Vielen Dank! –
Danke - das war sehr hilfreich für mich. Ein schönes, klares Beispiel. – Tony
- 1. Aktuellen Abschnitt in Navbar hervorheben
- 2. Wordpress: Highlight aktiven Menüpunkt
- 3. Markieren Sie den aktuellen Menüpunkt in der Seitenleiste
- 4. Wie "aktive" Klasse zu wp_nav_menu() aktuellen Menüpunkt hinzufügen (einfache Möglichkeit)
- 5. ReSharper hervorheben benutzerdefinierte HtmlHelper-Parameter hervorheben
- 6. Netbeans 6.7 PHP - Wie PHP Code in HTML-Dateien hervorheben?
- 7. Aktuelle Registerkarte hervorheben?
- 8. Close off-Leinwand nav wenn Menüpunkt
- 9. Menüpunkt Shortcut
- 10. Menüpunkt setTitle
- 11. Alle Referenzen auf X hervorheben?
- 12. Netbeans 6.9 für PHP. Fehler beim Hervorheben von
- 13. PHP Joomla Erstellen einer rechts ausgerichteten Wurzel Menüpunkt
- 14. ListView Markierte Objekte hervorheben
- 15. Xamarin NavigationView Menüpunkt Anpassung
- 16. Bootstrap Navigationsleiste Menüpunkt Überlauf
- 17. Notepad ++ - benutzerdefinierte Schlüsselwörter hervorheben
- 18. Suchergebnis in Datatables hervorheben
- 19. Aktionsleiste Menüpunkt onclick?
- 20. UI Automatisierung und Menüpunkt
- 21. Blackberry Menüpunkt Problem
- 22. Aktuelle Zeile von RichTextBox hervorheben
- 23. Registerkarten in vim hervorheben, wenn extendtab gesetzt ist
- 24. Wie kann man hervorheben, wenn das Atom/Sublime endet?
- 25. PHP Display aktuellen Server-Pfad
- 26. PHP Name des aktuellen Verzeichnisses
- 27. Benutzerdefinierte Ansicht für Menüpunkt
- 28. WPF Menüpunkt mit Bild
- 29. OnMenuItemSelected wird nicht aufgerufen, wenn das Layout für Menüpunkt gesetzt
- 30. Klasse zum Div hinzufügen, wenn der Menüpunkt angeklickt wird
Kann menu.html PHP-Code enthalten? –
absolut. kann menu.php sein :) – benhowdle89