Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Добавление класса и id

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
Поиск в теме | Версия для печати
etoYA
Отправлено: 20 Марта, 2012 - 15:32:06
Post Id



Участник


Покинул форум
Сообщений всего: 1859
Дата рег-ции: Июль 2011  
Откуда: Крым


Помог: 21 раз(а)
CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2.         <ul>
  3.                 <li id="active">
  4.                         <img class="active" src="/application/views/admin/img/settings-icon.png" />
  5.                         <a>Настройки</a>
  6.                 </li>
  7.                 <li>
  8.                         <img src="/application/views/admin/img/add-icon.png" />
  9.                         <a>Добавить</a>
  10.                 </li>
  11.                 <li>
  12.                         <img src="/application/views/admin/img/edit-icon.png" />
  13.                         <a>Измеить</a>
  14.                 </li>
  15.         </ul>
  16.  


Нужно при клике изменять, точнее добавить id="active" к <li> и class="active" к <img />
Именно к этому <li>, а из другого убрать.

Как такое вообще сделать?
 
 Top
etoYA
Отправлено: 20 Марта, 2012 - 22:47:51
Post Id



Участник


Покинул форум
Сообщений всего: 1859
Дата рег-ции: Июль 2011  
Откуда: Крым


Помог: 21 раз(а)
Подскажите хотябы в какую сторону рыть?
 
 Top
IllusionMH
Отправлено: 20 Марта, 2012 - 22:57:02
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
etoYA, ну id обычно никто не "двигает". Что мешает присваивать класс и для li, а для изображения использовать стили типа?
CODE (CSS):
скопировать код в буфер обмена
  1. .active img {}
 
 Top
DelphinPRO
Отправлено: 20 Марта, 2012 - 23:11:48
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)
ну, в принципе, можно присвоить ID
CODE (jquery):
скопировать код в буфер обмена
  1. $('element').attr('id', 'active');

и удалить
CODE (jquery):
скопировать код в буфер обмена
  1. $('#element').removeAttr('id');

но лучше, все же оперировать классами.

PS если ссылки обычные (без аякса), то вообще все это лишнее. прямо на сервере и следует писать нужные классы в разметке для текущей страницы


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
IllusionMH
Отправлено: 21 Марта, 2012 - 00:19:37
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
etoYA, в чистом JS с классами обычно (просто работает во всех браузерах, даже древних) манипуляции выполняются с строкой element.className.
Вот тут в первых двух ответах перечислено достаточно способов для работы с классами
 
 Top
etoYA
Отправлено: 21 Марта, 2012 - 01:15:43
Post Id



Участник


Покинул форум
Сообщений всего: 1859
Дата рег-ции: Июль 2011  
Откуда: Крым


Помог: 21 раз(а)
Спасибо, но уже разобрался без js)
(Добавление)
PHP:
скопировать код в буфер обмена
  1. <?if($page == 'settings'):?>
  2. <?endif;?>
 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« JavaScript & VBScript »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB