Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.50/4: Рейтинг темы: голосов - 4, средняя оценка - 4.50
0 / 0 / 0
Регистрация: 23.02.2013
Сообщений: 15
1

Настройка события pop-up в bootstrap. Как подобрать доступ к нужному елементу?

22.09.2016, 10:37. Показов 669. Ответов 2

Нужно по открытию окна кликнуть на картинку.
HTML5
1
2
3
4
5
6
<div class="youtube-player" data-id="bHQqvYy5KYo" playoption="autoplay">
    <div>
         <img id="playVideo" class="youtube-thumb" src="//i.ytimg.com/vi/bHQqvYy5KYo/hqdefault.jpg">
         <div class="play-button"></div>
    </div>
</div>
Представленный выше код генерируется автоматически из
HTML5
1
<div class="youtube-player" data-id="bHQqvYy5KYo" playOption="autoplay"></div>
Проблема в том, что видео такое на странице не одно и когда я пишу :
Javascript
1
2
3
$('#myModal').on('shown.bs.modal', function () {
     document.getElementsByID("playVideo").click(); 
});
То ,понятное дело, открываются все видео на странице(в том числе и скрытые, для которых popup не срабатывал), а мне нужно чтобы открывалось именно то, которое сейчас открыто в popup.

Я понимаю почему открываются все видео, я не могу понять как построить путь к нужному мне объекту(картинке со ссылкой).
Скорее всего здесь что-то очевидное, а я в упор заметь не могу.
Подскажите пожалуйста, как можно это реализовать или в какую сторону копать.
Спасибо.
0

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
22.09.2016, 10:37
Ответы с готовыми решениями:

Не получается применить свойство к нужному елементу
Делаю интернет магазин, сделал вид для товаров, и применил некие свойства при наведении на товар,...

Доступ к нужному биту через битовые поля
Добрый день! Допустим, есть такой код. #include &lt;iostream&gt; #include &lt;conio.h&gt; using namespace...

Настройка появления pop-up окна
Всем доброго дня! У меня такой вопрос, имеется программа опрашивающая определенный сайт и если она...

Как обратитса к первому елементу ListBox?
Как обратиться к первому элементу ListBox?И узнать адрес последнева елемента?

2
the hardway first
Эксперт JS
2070 / 1544 / 781
Регистрация: 05.06.2015
Сообщений: 3,210
22.09.2016, 11:59 2
Попробуйте так
Javascript
1
2
3
$('#myModal').on('shown.bs.modal', function () {
  $(this).find('#playVideo').click(); 
});
Я надеюсь у вас у каждого модального уникальный id?
0
0 / 0 / 0
Регистрация: 23.02.2013
Сообщений: 15
22.09.2016, 12:23  [ТС] 3
Спасибо, всё работает. Пожалуй если это единственно возможный способ, то сам бы я просидел ещё долго.


Пока ещё модальное тестовое и только одно, но да, конечно будут разные. Просто кроме модальных на странице ещё есть разные видео, и они запускались все вместе.
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
22.09.2016, 12:23

Заказываю контрольные, курсовые, дипломные работы и диссертации здесь.

Как получить доступ к данным render datatables в обработчике события?
моя страница http://montaj.vianor-konakovo.ru/goods_new.html мне надо чтобы при нажатии на плюс в...

Настройка разметки bootstrap 4
По умолчанию bootstrap имеет несколько размеров, на основании которых реализует свою адаптивность...

Bootstrap, настройка поведения меню
Здравствуйте. Делаю интернет-магазин на Joomla, после длительного перерыва в Web-разработке. ...

Как обратиться к нужному полю?
Всем доброго времени суток. Вот столкнулась с проблемой, никак не разберусь: контроллер возвращает...

Как привести переменную к нужному типу?
Вот фрагмент кода: String otvet = xmlRazbor.razbor(workXML); ...

Как привести к нужному мне типу
У меня есть класс А, в котором есть поле IMachineInfo mInfo. Я создаю класс Pump, который extends...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.