Javascript-форум - Как в общем меню для всех страниц поменять класс определенного пункта в зависимости о

Javascript-форум (https://javascript.ru/forum/)

- Элементы интерфейса (https://javascript.ru/forum/dom-window/)

- - Как в общем меню для всех страниц поменять класс определенного пункта в зависимости о (https://javascript.ru/forum/dom-window/16423-kak-v-obshhem-menyu-dlya-vsekh-stranic-pomenyat-klass-opredelennogo-punkta-v-zavisimosti-o.html)

Как в общем меню для всех страниц поменять класс определенного пункта в зависимости о

Собственно вопрос,как в общем меню для всех страниц поменять класс определенного пункта в зависимости от страницы на которой мы находимся,допустим у меня есть файл 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>
И т.д. каким образом можно такое реализовать?Или нельзя,нужно делать оинаковые меню,но с сооответствующими классами для нужных нам пунктов?Спасибо...

Цитата:

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

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

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

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

<!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>

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