Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 21.09.2016, 10:00
Интересующийся
Отправить личное сообщение для 7vano7 Посмотреть профиль Найти все сообщения от 7vano7
 
Регистрация: 26.08.2016
Сообщений: 10

активный пункт меню
помогите чайнику!
Добрый день. никак не получается сделать отдельным цветом активный пункт меню. Читал статьи на форуме - не помогло - где то ошибка... подскажите пожалуйста!
вывод сайдбара делаю так
$link = PATH."/products/index?";
foreach ($param as $list) {
$res .= "<li><a href=".$link.$list['link'].' onclick="this'.'.'.'className+='."'current'".';'.
'">'.$list['name']."</a></li>";
}

стиль
.sb {
margin: 0;
padding: 0;
width: 100%;
list-style-type: none;
}

.sb li {
display:block;
width: 100%;
/*border-right: 1px solid grey;*/
background-color: edf1f4;
font-size: 1.1em;
color: #6C3262;
}

.sb li a {
text-decoration: none;
padding: 2% 10%;
width:100%;
color: #89628e;
text-align: justify;
font-weight: bold;
}



.sb li a:hover {
font-size: 1.2em;
color: #c111d8;
}



.sb li a:active {
color: #e154f7;
font-size: 1.2em;
}

sb li a.current {
color: #red;
}

при нажатии класс current добавляется и тутже пропадает... где ошибка?
Ответить с цитированием
  #2 (permalink)  
Старый 21.09.2016, 10:33
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,068

7vano7,
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[js]
... ваш код...
[/js]


О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.
Ответить с цитированием
  #3 (permalink)  
Старый 21.09.2016, 10:35
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,068

Сообщение от 7vano7
где то ошибка
переход по ссылке не отменили
#отмена-действия-браузера
Ответить с цитированием
  #4 (permalink)  
Старый 21.09.2016, 13:29
Интересующийся
Отправить личное сообщение для 7vano7 Посмотреть профиль Найти все сообщения от 7vano7
 
Регистрация: 26.08.2016
Сообщений: 10

я понимаю, что где то ошибка, вопрос где, что я делаю не так,
Ответить с цитированием
  #5 (permalink)  
Старый 21.09.2016, 13:38
Интересующийся
Отправить личное сообщение для 7vano7 Посмотреть профиль Найти все сообщения от 7vano7
 
Регистрация: 26.08.2016
Сообщений: 10

<div class = "sidebar">
    <ul class ="sb">
    <?php

    if ($this->sb !="") {
	echo Sidebar::sidebarDisplay($this->sb);
    } 
   ?>
  </ul>
</div>


$link = PATH."/products/index?";
	foreach ($param as $list) {
		$res .=  "<li><a href=".$link.$list['link'].'          
                onclick="this'.'.'.'className+='."'current'".';'.
		'">'.$list['name']."</a></li>"; 
	}


.sb {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style-type: none;
  }

  .sb li {
	display:block;
	width: 100%;
	font-size: 1.1em;
	color: #6C3262;
  }

  .sb li a {
	text-decoration: none;
	padding: 2% 10%;
	width:100%;
	color: #89628e;
	text-align: justify;
	font-weight: bold;
  }

  .sb li a:hover {
	font-size: 1.2em;
	color: #c111d8;
  }

  .sb li a:active {
	color: #e154f7;
	font-size: 1.2em;
  }

  sb li a.current {
	color: #red;
  }


как я понимаю, js код здесь не нужен. по при клике класс к блоку div добавляется и тут же при переходе по ссылке исчезает. Или нужно что-то в дописать в коде?
Ответить с цитированием
  #6 (permalink)  
Старый 21.09.2016, 15:49
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,068

Сообщение от 7vano7
onclick="this'.'.'.'className+='."'current'".';'.
сюда добавить return false
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Замена стилей класса Павел Турченко Элементы интерфейса 9 30.10.2015 15:24
Бесконечноуровневое меню на CSS ruslan_mart Ваши сайты и скрипты 5 12.01.2015 20:59
Активный пункт меню MouseOver Элементы интерфейса 5 09.04.2014 15:45
Выделение активных пунктов многоуровневого меню на jQuery Letto Элементы интерфейса 2 04.12.2013 15:30
Как выделить активный пункт меню в моём случаи? может кто помочь? nStyle jQuery 10 11.03.2012 01:51