Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 19.03.2015, 14:45   #1
surviving
Новичок
Джуниор
 
Регистрация: 19.03.2015
Сообщений: 1
По умолчанию одновременное выделение объектов находящихся в разных div

Здравствуйте. На сайте есть вертикальный блок с иконаками при нажатии на который выезжает блок с именами разделов, каждый раздел соответствует своей иконке. Имена разделов и сами иконки находятся на разных блоках div. (http://spravka.sibay24.ru/)
Вопрос: Как сделать так чтобы при наведении на имя раздела в одном блоке - подсвечивалась соответсвующая ему иконка в другом блоке?
При разработке этот момент не был указан в ТЗ, технари умыли руки, допиливаем сами...
surviving вне форума Ответить с цитированием
Старый 19.03.2015, 23:37   #2
Stanislav
Квадрокоптерист
Участник клуба Подтвердите свой е-майл
 
Регистрация: 29.09.2007
Сообщений: 1,824
По умолчанию

Цитата:
Сообщение от surviving Посмотреть сообщение
Вопрос: Как сделать так чтобы при наведении на имя раздела в одном блоке - подсвечивалась соответсвующая ему иконка в другом блоке?
Если я все верно понял, то вариантов на самом деле много.. достаточно тривиальная задача.

1. блоку куда мышку наводим дадим некий атрибут data-block-id = "block_2"

2. Ловим событие мышки

как то так:

Код:
// установим обработчик события mouseover, элементу с идентификатором block1 (Ваш раздел)
$('#block1').mouseover(function(){
  
});
3. var SelectBlock = $(this).attr('data-block-id');


Код:
//
$('#block1').mouseover(function(){
   var SelectBlock = $(this).attr('data-block-id');
});
Делаем что хотим...
4. $("."+SelectBlock).css({'border':'# 3c94ce solid 2px'});

Код:
//
$('#block1').mouseover(function(){
   var SelectBlock = $(this).attr('data-block-id');
   $("."+SelectBlock).css({'border':'#3c94ce solid 2px'});
});

Соответственно те блоки которые вы хотите выделить (при наведении мышки на раздел) должны иметь класс block_2

Код:
<div class="block_2"> 1 блок который нужно выделить </div>
<div class="block_2"> 2 блок который нужно выделить</div>
<div class="block_2"> N.... блок который нужно выделить</div>
Я не претендую на правильность кода, всего лишь изложил первую мысль.. как я сказал вариантов куча, выше написан один из возможных механизмов

А вообще вот этот сайт очень хороший почитайте (не реклама)
Я часть той силы, что вечно хочет зла, но вечно совершает благо..

Последний раз редактировалось Stanislav; 20.03.2015 в 08:18.
Stanislav вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как осуществить автоматическую запись в ячейки трех таблиц,находящихся на разных листах. Alex745 Microsoft Office Excel 1 12.07.2012 16:04
одновременное выполнение разных процедур в одном файле? gramp Microsoft Office Excel 15 25.03.2011 12:15
Показать\скрыть два разных DIV kutt JavaScript, Ajax 5 06.03.2011 12:33
Одновременное удаление записей в разных таблицах Lkhasa БД в Delphi 9 16.12.2010 13:21
Div block в разных браузерах Bingam Vici HTML и CSS 18 10.01.2009 18:23