Перейти к публикации

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

zaymund

Автор: zaymund,
в DataLife Engine (Общие вопросы)

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

zaymund

zaymund 0

Опубликовано:
Опубликовано:

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

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


 <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

WWW.ZEOS.IN 1161

Опубликовано:
Опубликовано:

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

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

Ссылка на сообщение
Поделиться на других сайтах
alex32

alex32 944

Опубликовано:
Опубликовано:

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

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

Ссылка на сообщение
Поделиться на других сайтах
zaymund

zaymund 0

Опубликовано:
Опубликовано: Автор

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


[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 статьи..

Ссылка на сообщение
Поделиться на других сайтах
Critical Error

Critical Error 155

Опубликовано:
Опубликовано:

.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

alex32 944

Опубликовано:
Опубликовано:

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

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

Ссылка на сообщение
Поделиться на других сайтах
zaymund

zaymund 0

Опубликовано:
Опубликовано: Автор

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

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

<div class="menu">

<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 новости на каждой страницы..

<body id=post05 >

Ссылка на сообщение
Поделиться на других сайтах
alex32

alex32 944

Опубликовано:
Опубликовано:

[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

zaymund 0

Опубликовано:
Опубликовано: Автор

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

[category=1]

[category=2] [/category]

[/category]

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

[category=1] 

MENU-1

[/category]



[category=2] 

MENU-2

[/category]


[category=3] 

MENU-3

[/category]

Ссылка на сообщение
Поделиться на других сайтах
alex32

alex32 944

Опубликовано:
Опубликовано:

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

Ссылка на сообщение
Поделиться на других сайтах
Critical Error

Critical Error 155

Опубликовано:
Опубликовано: 

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

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

Ссылка на сообщение
Поделиться на других сайтах
alex32

alex32 944

Опубликовано:
Опубликовано:
from номер новости с которой начнется вывод
Это не то, это относится к тегу custom
Ссылка на сообщение
Поделиться на других сайтах
Critical Error

Critical Error 155

Опубликовано:
Опубликовано:

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

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


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

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

Ссылка на сообщение
Поделиться на других сайтах
Critical Error

Critical Error 155

Опубликовано:
Опубликовано:

функция

function addNewsId(id) {


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

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

}

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

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

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

Ссылка на сообщение
Поделиться на других сайтах
WWW.ZEOS.IN

WWW.ZEOS.IN 1161

Опубликовано:
Опубликовано:

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

<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 - при просмотре новостей из облака тегов

Ссылка на сообщение
Поделиться на других сайтах

Архивировано

Эта тема находится в архиве и закрыта для публикации сообщений.

Перейти к списку тем
×
×
  • Создать...