Текущие пункты меню

[param]

Здравствуйте.

Существует такой псевдокласс для ссылки как а:active, который определяет стиль ссылки во время нажатия на неё. Мне же надо, чтобы ссылка имела свой стиль, тогда когда она находится на странице на которую она ведёт. Например, если пункт меню, то он должен подсвечиваться в том разделе в котором пользователь в данный момент находится. Я погуглив понял, что с помощью CSS это нельзя реализовать. А как тогда можно это реализовать?

[Burevestnik]

Здравствуйте.

Существует такой псевдокласс для ссылки как а:active, который определяет стиль ссылки во время нажатия на неё. Мне же надо, чтобы ссылка имела свой стиль, тогда когда она находится на странице на которую она ведёт. Например, если пункт меню, то он должен подсвечиваться в том разделе в котором пользователь в данный момент находится. Я погуглив понял, что с помощью CSS это нельзя реализовать. А как тогда можно это реализовать?

Вам нужно присвоить css класс активному пункту меню, и уже с помощью css настроить его отображения.

Я не фанат Joomla, но если вы используете встроенный модуль для построения меню то обычно там уже предусмотрено присвоение класса, посмотрите html код созданного меню, может там и увидите нужный класс (класс может быть присвоен не именно элементу ссылки "a", но и его родителю обычно "li").

Если меню у вас создается на чистом html (без использования api joomla) то можно использовать php переменную $_SERVER, но я бы советовал не изобретать велосипед, а поискать нужный модуль меню для joomla.

Edited February 6, 2012 by Burevestnik

[param]

Нет я не использую модуль меню. Я сделал обычное css-меню. Можно подробней о переменной...

[hedgehog]

Нет я не использую модуль меню. Я сделал обычное css-меню. Можно подробней о переменной...

А зачем? Чтобы для добавления пункта в меню нужно было править шаблон? В джумле меню добавляется в админке, а при выводе на активный пункт вешаются классы active (родитель и текущая страница) и current (текущая страница). Может быть все-таки не так друг друга поняли? Меню, созданное через админку, можно (и нужно) стилизовать CSS

[Burevestnik]

Нет я не использую модуль меню. Я сделал обычное css-меню. Можно подробней о переменной...

Насчет переменной вот тут к примеру. Т.е. с помощью php разбирать url адрес страницы и при нужном url вешать css класс на нужный пункт меню.

НО ПОВТОРЮСЬ не стоит изобретать велосипед, воспользуйтесь стандартным модулем joomla и будет вам счастье.

[param]

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

Edited February 7, 2012 by param

[Burevestnik]

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

Вот тут посмотрите готовый модуль - может что и подберете

Если выше приведенный способ не подходит то можно использовать обычное меню, но при этом сделать его и выпадающим и каким угодно (css + html вам в помощь)... смотрите какие классы генерирует ваша cms при создании меню и настраивайте по ним то отображение которое нужно. Ну а на javascript написать обработчик эффект выпадания меню.

[hedgehog]

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

В админке, в менеджере меню, открыть нужную менюшку, добавить пункт и указать для него родительский пункт. Выпадающий список так и называется: "Родительский элемент". В итоге джумла будет выводить менюшку примерно такой структуры:

<ul>
  <li>пункт 1>
  <li>пункт 2
    <ul>
      <li>подпункт 1</li>
      <li>подпункт 2</li>
    </ul>
  <li>пункт 3>
  </li>
</ul>

И обвесит классами

Edited February 7, 2012 by hedgehog

[param]

Спасибо! Буду пробовать...

[param]

...

Edited February 8, 2012 by param

[hedgehog]

Создал пункт меню, установил ему родительский элемент, но нужной html-кода нет. Идут просто друг за другом <li>, как и было.

Создал пункт меню, установил ему родительский элемент. Но выпадает меню только на странице данного пункта, а на всех остальных страницах почему-то не работает...

В настройках модуля, выводящего эту менюшку, нужно проверить разрешенную глубину вложенности меню.

[param]

Ещё вопрос, который тянется с модулем. Я хочу отображать заголовок для модуля, как h2, но по умолчанию стоит третий уровень, я прописываю строчку таким образом <jdoc:include type="modules" name="position-3" style="xhtml" headerLevel="2"/>, но заголовок продолжает быть h3...

upd: разобрался нужно внести правки в файле modules.php, который находится в папке templates/system/html, строки <h3><?php echo $module->title; ?></h3>, поменять на нужный уровень.

Edited February 8, 2012 by param

[d0ublezer0]

Ваша правка слетит при следующем обновлении.

Нужно было сделать по другому.

В каталоге с вашим шаблоном создать файл modules.php и в нем описать свои параметры вывода модуля. Примеры, кстати есть в предваритльно настроенных шаблонах типа Beez