Jak zvýraznit zvolenou položku v menu?
Hledal jsem na internetu možnost naprogramovat si aktivní položku v menu. Jinak řečeno kliknu na odkaz a aktivní odkaz bude „nějak zvýrazněn“.
Tohle je návod pro lamy, co se PHP učí, nebo pro ty, co tvoří malé weby převážně v html a do souboru si pro ulehčení editace některé části includují.
Když jsem já hledal nápovědu na netu, našel jsem jen toto, a to mi nefungovalo, takže zde je vlastní návod. Snad vám bude nápomocen.
Čeho chceme dosáhnout:
<ul class=“vaše stylování“>
<li class=“active“><a href=“/“>ÚVOD</a></li>
<li ><a href=“cenik“>Ceník</a></li>
<li ><a href=“informace“>Informace</a></li>
<li ><a href=“kontakt“>Kontakt</a></li>
</ul>
Máte desítky podstránek? Pak je to lepší řešit přes php, z důvodu pozdější editace. Pokud budete v budoucnu menu měnit, stačí pak editovat jen jeden soubor – menu.php.
Vytvoříte si stránku menu.php a naincludujete si na každou podstránku:
<ul>
<li <? if ($str==’index‘) { echo ‚class=“active“‚;} ?>>
<a href=“/“>ÚVOD</a>
</li>
<li <? if ($str==’cenik‘) { echo ‚class=“active“‚;} ?>>
<a href=“cenik“>Ceník</a>
</li>
<li <? if ($str==’informace‘) { echo ‚class=“active“‚;} ?>>
<a href=“informace“>Informace</a>
</li>
<li <? if ($str==’kontakt‘) { echo ‚class=“active“‚;} ?>>
<a href=“kontakt“>Kontakt</a>
</li>
</ul>
URL můžete mít s koncovkou php nebo i bez ní.
<!DOCTYPE HTML PUBLIC „-//W3C//DTD HTML 4.01 Transitional//EN“>
<html>
<head>
<meta http-equiv=“content-type“ content=“text/html; charset=utf-8″>
<meta name=“generator“ content=“PSPad editor, www.pspad.com“>
<title></title>
</head>
<body>
<?php
$str = ‚index‘;
include („menu.php“); ?>
</body>
</html>
<!DOCTYPE HTML PUBLIC „-//W3C//DTD HTML 4.01 Transitional//EN“>
<html>
<head>
<meta http-equiv=“content-type“ content=“text/html; charset=utf-8″>
<meta name=“generator“ content=“PSPad editor, www.pspad.com“>
<title></title>
</head>
<body>
<?php
$str = ‚kontakt‘;
include („menu.php“); ?>
</body>
</html>
Samozřejmě musíte přidat i patřičné stylování. Pak to může vypadat např. takto: