Активная ссылка в меню

zaymund · 2 октября 2011

Как бы сделать активную ссылку в меню текущей страницы на которой находишся?

Примерно что то вроде этого


 <ul class="navigation">

    <li {if 9} class="active" {/if}> <a  href="/">Лицензии</a> </li>

    <li {if 7} class="active" {/if}> <a  href="/">Руководство</a> </li>

    <li {if 8} class="active" {/if}><a  href="/">Менеджмент</a> </li>

  </ul>

WWW.ZEOS.IN · 2 октября 2011

http://dle-news.ru/extras/online/startnews.html

Использовать тэги [aviable=раздел] и [category=1,2,3]

zaymund · 2 октября 2011

Таким образом это должно работать?

<li  [aviable=from 1] class="active" [/aviable] ><a href="/">О предприятии</a></li>  [/CODE]

Изменено 2 октября 2011 пользователем zaymund

Compton · 2 октября 2011

Скорее таким:

[aviable=from 1]<li class="active"><a href="/">О предприятии</a></li>[/aviable][/CODE]

alex32 · 2 октября 2011

<a href="#" class="menu[category=2] active[/category]">О предприятии</a>

Соответственно, в файле стилей прописываете свойства класса .menu - это свойства неактивной ссылки, и свойства класса .menu .active - это свойства ссылки, если человек находится в категории 2

zaymund · 2 октября 2011

Изначально я уже вложил так и для каждого поста не удобно создавать категорию..


[category=1]

  <ul class="navigation">

	<li [aviable=from 5] class="active"[/aviable] ><a href="/">О предприятии</a></li>

	<li {if 9} class="active" {/if}> <a  href="/">Лицензии</a> </li>

	<li {if 7} class="active" {/if}> <a  href="/">Руководство</a> </li>

  </ul>

  [/category]

aviable=from 5 тоже не выходит .. 5 это id статьи..

Изменено 2 октября 2011 пользователем zaymund

Critical Error · 2 октября 2011

.menu .active

Не будет работать! Браузер будет искать элемент с классом .active в теле тега A с классом .menu и не найдет.

Или так сделать

.menu.active

или так

<div class="menu">


<a href="#" class="[category=2] active[/category]">О предприятии</a>

</div>[/code]


в стилях прописать

для неактивной

[code].menu a { ... }[/code]

для активной

[CODE].menu a.active { ... }[/code]

alex32 · 2 октября 2011

для неактивной .menu a { ... } для активной .menu a.active { ... }

Ну это подразумевалось, что надо прописывать стиль для тега a, это ж все таки ссылка. Это как бы азы хтмл.

zaymund · 2 октября 2011

Ну стили это все понятно.. тут проблема у меня чтобы все таки класс active появился)

Таким способом пишу

<a href="#" class="[category=2] active[/category]">О предприятии</a>

</div>

и уже на выходе

<a href="/" class="[category=5]active">О предприятии</a>[/CODE]

хотя все закрываю 100 %

Подозрение что то такая вложенность как у меня не допустима так как выходит

[category=1]

[category=2] [/category]

[/category]

Думаю это все можно было бы решить добавлением в BODY id новости на каждой страницы..

alex32 · 2 октября 2011

[category=1] [category=2] [/category] [/category]

коечно такая конструкция работать не будет.

О предприятии
и уже на выходе О предприятии

Это вообще непонятно. пробуйте:


<a href="#" class="menu[category=5] active[/category]">О предприятии</a>

в css:


.menu a{color:#00F;}

.menu .active{color:#F00;}

только что проверил, работает

zaymund · 2 октября 2011

Я понимаю что вы хотите мне сказать.. да так работает но для этого нужно убрать вложенность

[category=1]

[category=2] [/category]

[/category]

Но у меня несколько меню на сайте и поэтому я немогу изменить ..

[category=1] 

MENU-1

[/category]



[category=2] 

MENU-2

[/category]


[category=3] 

MENU-3

[/category]

alex32 · 2 октября 2011

Ну так конечно не получится, надо пересматривать структуру сайта

zaymund · 2 октября 2011

При помощи aviable тоже??

Изменено 2 октября 2011 пользователем zaymund

Critical Error · 2 октября 2011

 <li [aviable=from 5] class="active"[/aviable] ><a href="http://www.passage.by/5-o-predpriyatii.html/">О предприятии</a></li>

Откуда вы from 5 взяли? Такого в движке нет.

zaymund · 2 октября 2011

from номер новости с которой начнется вывод

alex32 · 2 октября 2011

from номер новости с которой начнется вывод

Это не то, это относится к тегу custom

Critical Error · 2 октября 2011

есть вариант, но это кода будет прилично.

[category=1]<div class="menu cat1">[/category]


  <a href="#" class="link[category=1] active[/category]">категория 1</a>

[category=1]</div>[/category]

Изменено 2 октября 2011 пользователем Critical Error

zaymund · 2 октября 2011

а id новости нельзя вывести?? я бы js добавлял бы класс..

Изменено 2 октября 2011 пользователем zaymund

Critical Error · 2 октября 2011

функция

function addNewsId(id) {


  $(".menu a.active").addClass("newsid"+id);

  $("menu a.newsid"+id).addClass("current");

}

подключение; в файл fullstory.tpl

и теперь активный элемент прячется под классом current

zaymund · 2 октября 2011

<script type="text/javascript">addNewsId({id});</script>

syntax error

<a href="/" class="newsidundefined">О предприятии</a>[/code]

Изменено 2 октября 2011 пользователем zaymund

Critical Error · 2 октября 2011

сорри вместо {id} надо {news-id}

WWW.ZEOS.IN · 2 октября 2011

Таким образом это должно работать?
<li  [aviable=from 1] class="active" [/aviable] ><a href="/">О предприятии</a></li>  

zaymund,


<ul class="navigation">

	<li [category=1]class="active"[/category]><a href="/">Ссылка</a></li>

	<li [category=2]class="active"[/category]><a href="/">Ссылка</a></li>

	<li [category=3]class="active"[/category]><a href="/">Ссылка</a></li>


	<li [aviable=feedback]class="active"[/aviable]><a href="/">Ссылка</a></li>

	<li [aviable=static]class="active"[/aviable]><a href="/">Ссылка</a></li>

	<li [aviable=register]class="active"[/aviable]><a href="/">Ссылка</a></li>

</ul>

[/code]

В первых трёх ссылках класс .active будет добавляться при просмотре категорий под ID 1, 2 и 3

В последних трёх ссылках класс .active будет добавляться при просмотре служебных страниц DLE:

global - во всех разделах

main - на главной странице

date - при просмотре новостей за определенные даты

cat - при просмотре категории

showfull - при просмотре полной новости

search - при просмотре результатов поиска

userinfo - при просмотре профиля

register - при регистрации

stats - при просмотре статистики

pm - при просмотре персональных сообщений

feedback - при просмотре обратной связи

favorites - при просмотре закладок

newposts - при просмотре новых сообщений

addnews - при добавлении новости

lastcomments - при просмотре последних комментариев

static - при просмотре статических страниц

catalog - при просмотре каталога страниц

alltags - при просмотре облака тегов

tags - при просмотре новостей из облака тегов

Изменено 2 октября 2011 пользователем WWW.ZEOS.IN

zaymund · 4 октября 2011

Спасибо .. решил проблему..

Активная ссылка в меню

Рекомендованные сообщения

zaymund 0

Ссылка на сообщение

Поделиться на других сайтах

WWW.ZEOS.IN 1 161

Ссылка на сообщение

Поделиться на других сайтах

zaymund 0

Ссылка на сообщение

Поделиться на других сайтах

Compton 34

Ссылка на сообщение

Поделиться на других сайтах

alex32 942

Ссылка на сообщение

Поделиться на других сайтах

zaymund 0

Ссылка на сообщение

Поделиться на других сайтах

Critical Error 155

Ссылка на сообщение

Поделиться на других сайтах

alex32 942

Ссылка на сообщение

Поделиться на других сайтах

zaymund 0

Ссылка на сообщение

Поделиться на других сайтах

alex32 942

Ссылка на сообщение

Поделиться на других сайтах

zaymund 0

Ссылка на сообщение

Поделиться на других сайтах

alex32 942

Ссылка на сообщение

Поделиться на других сайтах

zaymund 0

Ссылка на сообщение

Поделиться на других сайтах

Critical Error 155

Ссылка на сообщение

Поделиться на других сайтах

zaymund 0

Ссылка на сообщение

Поделиться на других сайтах

alex32 942

Ссылка на сообщение

Поделиться на других сайтах

Critical Error 155

Ссылка на сообщение

Поделиться на других сайтах

zaymund 0

Ссылка на сообщение

Поделиться на других сайтах

Critical Error 155

Ссылка на сообщение

Поделиться на других сайтах

zaymund 0

Ссылка на сообщение

Поделиться на других сайтах

Critical Error 155

Ссылка на сообщение

Поделиться на других сайтах

WWW.ZEOS.IN 1 161

Ссылка на сообщение

Поделиться на других сайтах

zaymund 0

Ссылка на сообщение

Поделиться на других сайтах

Присоединяйтесь к обсуждению