По моему я где-то что-то подобное уже писал на форуме. К сожалению не смог найти той темы. Насколько я понял вы хотите как-то выделить раздел в навигации в котором находится посетитель. Это можно сделать но там не так все просто. Самое простое что сейчас приходит в голову это открыть навигацию
Код: <ul id="menu">
<li><a href="./">Home</a></li>
<li><a href="./?page=tutorials">Tutorials</a></li>
<li><a href="./?page=forum">Forum</a></li>
<li><a href="./?page=social">Social Networks</a></li>
<li><a href="./?page=about">About Us</a></li>
<li><a href="./?page=contact">Contact Us</a></li>
</ul>
и каждому li добавить свой class, который равен названию страницы, вот так
Код: <ul id="menu">
<li><a href="./">Home</a></li>
<li class="tutorials"><a href="./?page=tutorials">Tutorials</a></li>
<li class="forum"><a href="./?page=forum">Forum</a></li>
<li class="social"><a href="./?page=social">Social Networks</a></li>
<li class="about"><a href="./?page=about">About Us</a></li>
<li class="contact"><a href="./?page=contact">Contact Us</a></li>
</ul>
А далее просто через JavaScript смотрим какая у нас страница открыта - она равна нашему добавленному class в li, и присваиваем этому классу, дополнительный класс. То есть вот так
Код: <script type="text/javascript">
$(document).ready(function() {
$("."+window.location.search.substring(6)).addClass("active");
});
</script>
Не забудьте в css файле создать новый class под названием active, - в нем будут стили раздела в котором находится посетитель, например
Код:.active {background:#ff6600;}
Этот JavaScript должен работать с стандартными ссылками. Но насколько я помню вы используете ЧПУ - ссылки без "./?page=", у вас этот код работать не будет.
Попробуйте использовать вот такой
Код: <script type="text/javascript">
$(document).ready(function() {
$("."+window.location.search).addClass("active");
});
</script>
В 100% работоспособности его не уверен, попробуйте.
Страниц: 1
Einplac Cms - Выделенный пункт меню (Прочитано 9857 раз)
