Динамическое простое меню на PHP
Cоздание динамического меню на PHP и естественно с использованием CSS.
Возникла необходимость создать динамическое меню. Чтобы была активна та строка меню,
на которой находится пользователь. Очень не хотелось использовать JavaScript.
Эт надо её изучать. Вникать, а я только отмахался и изучил html, css и php.
Вот и возникла эта идея.
Само меню вы можете видеть на сайте. Начнемс.
Для начало создадим само меню. Как и множество других меню оно делается в списке.
<div class='menu'>
<ul>
<li><a class = '$menu1' href='index.php'>МЕНЮ_1</a></li>
<li><a class = '$menu2' href='#'>МЕНЮ_2</a></li>
<li ><a class = '$menu3' href='#' >МЕНЮ_3</a></li>
<li ><a class = '$menu4' href='#' >МЕНЮ_4</a></li>
<li ><a class = '$menu5' href='#' >МЕНЮ_5</a></li>
</ul>
</div>
потом поставим классу этого списка list-style:none; чтобы убрать жирные точки.
Как видите классам мы дали значения переменных. В этом-то вся и фишка.
Засовываем это меню в файл допустим в menu.php и внутри него создаем функцию.
<?
function show_menu($stat_menu)
{
$menu1='no_active';
$menu2='no_active';
$menu3='no_active';
$menu4='no_active';
$menu5='no_active';
switch($stat_menu)
{
case 1: $menu1 = 'active'; break;
case 2: $menu2 = 'active'; break;
case 3: $menu3 = 'active'; break;
case 4: $menu4 = 'active'; break;
case 5: $menu5 = 'active'; break;
default: $glavnaya = 'active';
}
echo"
<div class='menu'>
<ul>
<li><a class = '$menu1' href='index.php'>МЕНЮ_1</a></li>
<li><a class = '$menu2' href='#'>Меню_2</a></li>
<li ><a class = '$menu3' href='#' >МЕНЮ_3</a></li>
<li ><a class = '$menu4' href='#' >МЕНЮ_4</a></li>
<li ><a class = '$menu5' href='#' >МЕНЮ_5</a></li>
</ul>
</div>";
}
?>
ВАЖНО
Все переменные внутри PHP надо заключать в ' , а " использовать только для echo.
Конечно внутри PHP можно использовать " и вдругих местах, но чтобы не путаться лучше сразу стараться делать правильно.
Функции передается значение stat_menu. В зависимости от того, какое это значение, то тот класс и станет активным.
А другие классы будут не активны. Классы так и назовем active and no_active.
Осталось этим классам дать значения CSS. А тут уже на что ваша фантазия горазда, то и ставим.