Форум

phenom · #1 (**permalink**) 07.04.2011, 17:37

Собственно вопрос,как в общем меню для всех страниц поменять класс определенного пункта в зависимости от страницы на которой мы находимся,допустим у меня есть файл header.php,в котором есть менюшка такого вида:
<ul id="menu">
<li class="selected_menu_item"><a href="index.php">Главная</a></li>
<li class="item"><a href="news.php">Новости</a></li>
<li class="item"><a href="all.php">Другое</a></li>
</ul>
Что бы при переходе на определенную страницы в которой подключается данное меню менялся класс,который нам нужен,допустим если мы перешли на страницу Новости,то меню выглядит уже таким образом,меняется класс в зависимости от пункта:
<ul id="menu">
<li class="item><a href="index.php">Главная</a></li>
<li class="selected_menu_item""><a href="news.php">Новости</a></li>
<li class="item"><a href="all.php">Другое</a></li>
</ul>
И т.д. каким образом можно такое реализовать?Или нельзя,нужно делать оинаковые меню,но с сооответствующими классами для нужных нам пунктов?Спасибо...

ksa · #2 (**permalink**) 08.04.2011, 10:57

Сообщение от phenom

у меня есть файл header.php
...
Что бы при переходе на определенную страницы в которой подключается данное меню менялся класс
...
каким образом можно такое реализовать?

При таком раскладе серверным азыком и делать... Пусть ПХПшный скрипт в том header.php анализирует как должна выглядеть та менюшка и вставляет нужное значение вкласса в нужный элемент списка...

ksa · #3 (**permalink**) 08.04.2011, 11:09

Как вариант скриптом...

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.selected_menu_item {
	border: 1px solid red;
}
</style>
<script type="text/javascript">
function Slct() {
	var i=document.getElementById('slct_item').value
	document.getElementById('menu').getElementsByTagName('li')[i].className='selected_menu_item'
}
</script>
</head>
<body onload='Slct()'>
<input type='hidden' id='slct_item' value='1' />
<ul id="menu">
	<li class="item"><a href="index.php">Главная</a></li>
	<li class="item"><a href="news.php">Новости</a></li>
	<li class="item"><a href="all.php">Другое</a></li> 
</ul>
</body>
</html>

Но сам бы я выбрал "серверный" вариант анализа...

Форум

Справочник

Discord чат

Курсы javascript