Вехнее меню: выделить активный пункт

(Ответов: 2, Просмотров: 2625)
  1. Дипломник Аватар для webrulez
    • Регистрация: 04.05.2012
    • Сообщений: 109
    • Репутация: 12
    • Webmoney BL: ?
    Как выделить пункт меню категии, в которой находится юзер.
    Никак получается присвоить класс активному пункту меню.
    (CMS DLE)

    В сети есть такое решение, но оно не канает, почему-то..

    Код HTML:
    <div class="menu"> <ul> <li><a href="/">Главная</a></li> <li><a href="/copany.html">О сайте</a></li> <li><a href="/sitemap.html">Карта сайта</a></li> </ul> </div>
    затем идет следующий код:

    Код:
    <script type="text/javascript"><!—
    $('div.menu ul li').each(function () {if (this.getElementsByTagName("a")[0].href == location.href) this.className = "selected";});
    //—></script>
    ну и класы:

    Код:
    <style>
    
    div.menu ul li.selected {background:#000}
    
    </style>
    Последний раз редактировалось webrulez; 13.07.2012 в 15:16.
    • 0
  2. Sunshine reggae Аватар для OKyJIucT
    • Регистрация: 02.09.2011
    • Сообщений: 3,240
    • Репутация: 1830
    • Webmoney BL: ?
    Данный способ подойдет только в том случае, если пункт меню является ссылкой на отдельную категорию.

    Код:
    <a href="/stroimat/">
        <div class="item[category=2]-active[/category]">Стройматериалы</div>
    </a>
    При входе в категорию с id 2 класс данного пункта меню изменится с item на item-active
    • 1

    Спасибо сказали:

    webrulez(13.07.2012),
  3. Дипломник Аватар для webrulez
    • Регистрация: 04.05.2012
    • Сообщений: 109
    • Репутация: 12
    • Webmoney BL: ?
    OKyJIucT, спасобо что навели на мысль. В готовом варианте это выглядит так:

    Это мы вставляем в main.tpl

    Код:
    <div class="menu">
    <ul>
    <li class="[aviable=main]current[/aviable]"><a href="/">Главная</a></li>
    <li class="[aviable=games]current[/aviable]"><a href="/index.php?do=games">Игры</a></li>
    <li class="[aviable=video]current[/aviable]"><a href="/index.php?do=video">Видео</a></li>
    <li class="[aviable=images]current[/aviable]"><a href="/index.php?do=images">Картинки</a></li>
    <li class="[aviable=about.html]current[/aviable]"><a href="/index.php?do=about.html">О сайте</a></li>
    </ul>
    </div>
    Это мы вставляем в style.css

    Код:
    div.menu ul li.current a {color:#FF0000}
    PS: работает только на DLE!
    • 0

Похожие темы

Темы Раздел Ответов Последний пост
Активный отдых вебмастеров в Египте
Дайджест блогосферы 0 23.12.2011 12:58
Вид меню категорий Virtuemart нужно заменить на вид меню Joomla
Вопросы от новичков 2 21.11.2011 21:31
пункт меню на вашем качественном сайте.
Ссылки, статьи 27 01.10.2011 14:05
Обменный пункт WebMoney
Покупка продажа сайтов 13 01.07.2011 00:24

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры