Забыли пароль?
Запросите новый здесь.

Автор темы: Deorchik
ID темы: 2351
Информация:
Тема содержит 8 сообщения, была просмотрена 9261 раз.  Имеются прикрепленные файлы.
Просмотр темы
PHP-Fusion Russia » Поддержка 7 версии » Вопросы новичков
 Распечатать тему
Page active menu
Deorchik
Всем доброе время суток, ну вот вот так у меня получилось назвать тему, может и не правильно но все же, вот в чем задумка мне нужно сделать чтобы в меню была подсвечена кнопка по ссылке которой я нахожусь, те меню - перехожу по кнопке форум, теперь я на странице форума и у меня в в меня подсвечена кнопка форум, и пока я не уйду с форума она будет у меня выделена, я искал в интернете что то подобное но как то не получается у меня с ними дружить, у кого было такое мб? поделитесь опытом, меню навигации не стандартное ( те не обычное горизонтально где есть выделенные кнопки) Ну думаю вы поняли о чем это я тут пишу =)

Deorchik присоединено следующее:изображение:
page.png
 
Web
Polarfox
зависит от того на чем делать, можно на всем - css, js , php, и может html5 (не верю правда)


Всегда делайте backup перед изменениями | Указывайте свою версию в подписи/профиле. | Вся бесплатная тех. поддержка только на форуме
 
Deorchik
Ну на Js было бы хорошо =))

 
Web
Zaxap
Меню работает стандартно (никаких наворотов и т.п.), я прав?


Зло не дремлет, а я добрый...
 
Deorchik
Zaxap, ну как объяснить, в нем ничего нет сверх =).
Скачать исходники  Код

<ul  id="menu">

<li class="menu" ><a  href="/index.php" ><span >****</span></a></li>

<li class="menu" ><a  href="/index.php"><span >***</span></a></li>

<li class="menu"  ><a  href="/index.php"><span >****</span></a></li>

<li class="menu"  ><a  href="/index.php"><span >****</span></a></li>

<li class="menu" ><a  href="/index.php"><span >****</span></a></li>

<li class="menu" ><a  href="/index.php"><span  >****</span></a></li>

</ul>




Вот так оно выглядит =)

 
Web
Polarfox
Проходи обработчиком жквери по каждому итему меню, сранивай с урлом страницы, и ставь класс.
Я так привязался к жквери, так удобно быдлокодить с ним ^_^


Всегда делайте backup перед изменениями | Указывайте свою версию в подписи/профиле. | Вся бесплатная тех. поддержка только на форуме
 
Zaxap
Как человек верстки скажу Вам: span'ы можно убрать, чуть поправив css, если от них что-то зависит.


По делу (javascript (jquery) стырен, немного модернизирован):

Загрузить источник  GeSHi: Javascript
  1. $(function(){
  2. $('#menu a').each(function(){ // проходим по нужным нам ссылками
  3. var location = window.location.href; // переменная с адресом страницы
  4. var link = this.href; // переменная с url ссылки
  5. var result = location.match(link); // результат возвращает объект если совпадение найдено и null при обратном
  6.  
  7. if(result != null){ // если НЕ равно null
  8. $(this).addClass('selected'); // добавляем класс
  9. }
  10. });
  11. });
  12.  
  13. /*но, как по мне, тут можно просто взять и сделать так:
  14. $(function(){
  15. $('#menu a').each(function(){
  16. if(window.location.href.match(this.href) != null){
  17. $(this).addClass('selected');
  18. }
  19. });
  20. });*/
Добавлено за 0.003 секунд, используя GeSHi 1.0.8.10

Загрузить источник  GeSHi: HTML
  1. <ul id="menu">
  2. <li class="menu"><a href="#1">link1</a></li>
  3. <li class="menu"><a href="#2">link2</a></li>
  4. <li class="menu"><a href="#3">link3</a></li>
  5. <li class="menu"><a href="#4">link4</a></li>
  6. <li class="menu"><a href="#5">link5</a></li>
  7. <li class="menu"><a href="#5">link6</a></li>
  8. </ul>
Добавлено за 0.004 секунд, используя GeSHi 1.0.8.10

Загрузить источник  GeSHi: CSS
  1. #menu .menu .selected{
  2. background:#000;
  3. color:#f1f1f1
  4. }
  5.  
  6. /*
  7. или
  8.  
  9. #menu .menu.selected{
  10. background:#000;
  11. color:#f1f1f1
  12. }
  13.  
  14. все зависит от того, к какому элементу вообще изначально задается стиль.
  15. если стили задаются к элементу с классом .menu (<li class="menu">...</li>), то в js выше необходимо заменить <u>#menu a</u> на <u>#menu .menu</u>.
  16. */
Добавлено за 0.002 секунд, используя GeSHi 1.0.8.10


Должно работать, удачи :)


Зло не дремлет, а я добрый...
x1 x1 x1 x1 x1 x1
 
Deorchik
Zaxap, love you!

 
Web

Поделиться этой темой
Социальные закладки: Vkontakte Odnoklassniki Mail.ru Facebook Google Tweet This
URL:
BBcode:
HTML:

Перейти на форум:
Похожие темы
Темы Форум Ответов / Просмотров Последние сообщения
DeLuxe Dropdown Menu  →  Плагины 29 / 39620 21.10.2018 10:06
Landing page на фьюжене  →  HTML и CSS 37 / 35174 06.04.2017 08:40
menu  →  Questions and answers 2 / 6350 17.08.2014 17:59
Windows 8 Menu Panel  →  Панели 0 / 2249 25.03.2014 06:36
Food Menu  →  Плагины 0 / 1885 31.10.2013 06:43
Проблема с Extended News Page  →  Моды 26 / 20076 20.07.2013 17:28
Top Fixed Menu v2.0  →  Панели 26 / 19479 27.01.2013 00:30
Contact Page HTML5  →  Народное творчество 5 / 2690 20.08.2011 15:15
[mod] jQuery Login Page  →  Народное творчество 2 / 3170 16.06.2011 08:19
Топ 5 пользователей форума
Zaxap Zaxap (1,090)   Vova Vova (877)   Pisatel Pisatel (678)   util util (666)   SchreiBear SchreiBear (625)