Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 01.06.2017, 10:26
Аватар для borus
Кандидат Javascript-наук
Отправить личное сообщение для borus Посмотреть профиль Найти все сообщения от borus
 
Регистрация: 07.12.2012
Сообщений: 147

Какая функция убирает затемнение экрана
Здравствуйте!

На странице если нажать на кнопку "Заказ в 1 клик", возникнет форма и если затем кликнуть мышкой в темный фон вне формы, то убирается и фон и форма. Скажите, как вычислить, какой обработчик это выполняет?
Разрабатываю вариант с другой версткой всплывающей формы и надо добиться такого же эффекта

Я нашел обработчик в ява-коде, вшитом в тело html. Вопрос, почему этого обработчика не видно, когда в панели разработчиков Хрома я просматриваю обработчики click для div c id "window"?

Последний раз редактировалось borus, 01.06.2017 в 10:40.
Ответить с цитированием
  #2 (permalink)  
Старый 01.06.2017, 11:40
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,217

Сообщение от borus
как вычислить, какой обработчик это выполняет?
Скорее всего ловится клик на ДИВе "затемнителе"...
Ответить с цитированием
  #3 (permalink)  
Старый 01.06.2017, 12:54
Аватар для borus
Кандидат Javascript-наук
Отправить личное сообщение для borus Посмотреть профиль Найти все сообщения от borus
 
Регистрация: 07.12.2012
Сообщений: 147

Сообщение от ksa Посмотреть сообщение
Скорее всего ловится клик на ДИВе "затемнителе"...
да, вот он:
jQuery("#window").click( function() {
			jQuery("#contactForm_oneclick").fadeOut();
			jQuery("#window").fadeOut();
        } );

вшит в тело страницы.
Скажите, почему его не видно среди обработчиков для этого элемента в панели инструментов разработчика Хром?(прикладываю скрин)

Ведь так днём с огнём не сыщешь...
Изображения:
Тип файла: jpg Безымянный.jpg (223.5 Кб, 5 просмотров)
Ответить с цитированием
  #4 (permalink)  
Старый 01.06.2017, 13:28
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,217

Сообщение от borus
почему его не видно среди обработчиков для этого элемента в панели инструментов разработчика Хром?
Этого я не знаю...
Ответить с цитированием
  #5 (permalink)  
Старый 01.06.2017, 13:41
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990



Отладчик FF. Все обработчики установленные на данном элементе.
Ответить с цитированием
  #6 (permalink)  
Старый 01.06.2017, 13:42
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

Чтобы подобное увидеть в отладчике Хрома, нужно установить дополнение к нему.
Ответить с цитированием
  #7 (permalink)  
Старый 01.06.2017, 16:49
Аватар для borus
Кандидат Javascript-наук
Отправить личное сообщение для borus Посмотреть профиль Найти все сообщения от borus
 
Регистрация: 07.12.2012
Сообщений: 147

Спасибо всем.
laimas,
* полазил по средствам разработчика FF и не нашел там обработчиков событий, где вы их нашли?
* Попробовал Firebug-ом, там нашел обработчики, но среди них не нашел вышеупомянутого. Я не умею им пользоваться или обработчика
jQuery("#window").click( function() {
   jQuery("#contactForm_oneclick").fadeOut();
   jQuery("#window").fadeOut();
} );

там тоже нет?
Ответить с цитированием
  #8 (permalink)  
Старый 01.06.2017, 17:04
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

Сообщение от borus
Попробовал Firebug-ом
Этот плагин в последних версиях FF не нужен, теперь в нем свой во многом взявший от Firebug, но с гораздо большими возможностями.

Чтобы увидеть обработчики, можно выбрать элемент нужный для просмотра в отладчике, можно и найти таковой в инспекторе кода. Если рядом с элементом значок "ev", то элемент имеет обработчики, щелчок по которому откроет их список.
Ответить с цитированием
  #9 (permalink)  
Старый 02.06.2017, 11:21
Аватар для borus
Кандидат Javascript-наук
Отправить личное сообщение для borus Посмотреть профиль Найти все сообщения от borus
 
Регистрация: 07.12.2012
Сообщений: 147

Сообщение от laimas Посмотреть сообщение
Чтобы увидеть обработчики, можно выбрать элемент нужный для просмотра в отладчике, можно и найти таковой в инспекторе кода. Если рядом с элементом значок "ev", то элемент имеет обработчики, щелчок по которому откроет их список.
Спасибо, да, это помогло увидеть.
Вы знаете, какое расширение Хром позволяет увидеть обработчики, код которых встроен в текст страницы?
Ответить с цитированием
  #10 (permalink)  
Старый 02.06.2017, 11:58
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

Нет, не помню, помню, что такое попадалось в списке расширений. Я использую отладчик Лисы, на данный момент это самый лучший по набору возможностей в штатной поставке, на мой взгляд. Отладчики Хрома, Ослика, это уже по надобности изучения багов конкретных для них, так что всякие дополнения и расширения к ним отсутствуют.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Затемнение экрана tstas Элементы интерфейса 5 22.05.2015 09:52
Узнать какая функция вызывается factory_girl Events/DOM/Window 2 11.06.2014 19:12
скроллинг и затемнение экрана Nailya (X)HTML/CSS 13 30.09.2013 17:48
Как узнать какая функция вызывается в браузере при наведении мыши? Бобр Элементы интерфейса 6 01.10.2012 04:01
какая функция, определяет как расположенно фото, горизонтально или вертикально? FirstFrost Общие вопросы Javascript 6 15.07.2010 15:19