Последние записи
- Перенести программу из Delphi в Lazarus
- Определить текущую ОС
- Автоматическая смена языка (раскладки клавиатуры)
- Сравнение языков на массивах. Часть 2
- wprintf как напечатать кириллицу
- Взаимодействие через командную строку
- Сравнение языков на массивах. Часть 1
- Сравнение языков по скорости
- Чтение огромных xml-файлов
- Как в Python+Selenium webdriver открыть новую вкладку в уже открытом браузере?
Интенсив по Python: Работа с API и фреймворками 24-26 ИЮНЯ 2022. Знаете Python, но хотите расширить свои навыки?
Slurm подготовили для вас особенный продукт! Оставить заявку по ссылке - https://slurm.club/3MeqNEk
Online-курс Java с оплатой после трудоустройства. Каждый выпускник получает предложение о работе
И зарплату на 30% выше ожидаемой, подробнее на сайте академии, ссылка - ttps://clck.ru/fCrQw
9th
Окт
Как можно передать значение id в модальное окно, при клике на ссылку
Posted by obzor under JavaScript
Подскажите пожалуйста, как можно передать значение id в модальное окно, при клике на ссылку.
<a href='#' data-reveal-id='myModal' id='1'>1</a>
<a href='#' data-reveal-id='myModal' id='2'>2</a>
<a href='#' data-reveal-id='myModal' id='3'>3</a>
<a href='#' data-reveal-id='myModal' id='4'>4</a>
<a href='#' data-reveal-id='myModal' id='5'>5</a>
Чтобы в модальном окне отобразилась переменная id. Т.е. интересует сама реализация вывода id в модальном окне.
Все это пытаюсь прикрутить к Reveal Modals.
там, где нужно выводить id, пишете примерно так
$("[data-reveal-id='myModal']").on("click", function(){
console.log($(this).id)
})
но кошернее было бы всем ссылкам дать один класс, а вот для передачи ид использовать какой нибудь атрибут, например rel= или тот-же data-bla-bla-bla
это речь идёт про плагин к Jquery — «jquery.reveal.js»: https://zurb.com/playground/reveal-modal-plugin ?
наверное, нужно или вставить свой обработчик или изменить тот, что есть в jquery.reveal.js
ну, например, в jquery.reveal.js
/*---------------------------
Listener for data-reveal-id attributes
----------------------------*/
$('a[data-reveal-id]').live('click', function(e) {
e.preventDefault();
var modalLocation = $(this).attr('data-reveal-id');
var myid=$(this).attr('id');
if(!myid)
myid='';
var idcontainer=$('#'+modalLocation).find('.myid');
if(idcontainer.length>0)
idcontainer.text(myid);
$('#'+modalLocation).reveal($(this).data());
});
demo.html:
<body>
<a href="#" class="big-link" data-reveal-id="myModal" id="p1">
Fade and Pop
</a>
<a href="#" class="big-link" data-reveal-id="myModal" data-animation="fade" id="p222222">
Fade
</a>
<a href="#" class="big-link" data-reveal-id="myModal" data-animation="none" id="p3">
None
</a>
<div id="myModal" class="reveal-modal">
<h1>Reveal Modal Goodness</h1>
<p>ID = <strong class="myid"></strong></p>
<p>This is a default modal in all its glory, but any of the styles here can easily be changed in the CSS.</p>
<a class="close-reveal-modal">×</a>
</div>
</body>
Случайные статьи
Купить рекламу на сайте за 1000 руб
пишите сюда - alarforum@yandex.ru
Да и по любым другим вопросам пишите на почту
пеллетные котлы
Пеллетный котел Emtas
Наши форумы по программированию:
- Форум Web программирование (веб)
- Delphi форумы
- Форумы C (Си)
- Форум .NET Frameworks (точка нет фреймворки)
- Форум Java (джава)
- Форум низкоуровневое программирование
- Форум VBA (вба)
- Форум OpenGL
- Форум DirectX
- Форум CAD проектирование
- Форум по операционным системам
- Форум Software (Софт)
- Форум Hardware (Компьютерное железо)