Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/3: Рейтинг темы: голосов - 3, средняя оценка - 5.00
0 / 0 / 0
Регистрация: 26.11.2017
Сообщений: 289

Открытие модальных окон у записей

16.02.2021, 15:44. Показов 659. Ответов 4
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
В модальных окнах одинаковые данные
PHP/HTML
1
2
3
4
5
6
7
8
9
10
while ($row=mysqli_fetch_array($result)){
 
$id_room=$row['id_room'];
$adres=$row['adres'];
$description=$row['descrition'];
$price=$row['price'];
?>
 
<button class="open"><span>Забронировать</span></button>
<? }?>
JavaScript
1
2
3
4
5
6
7
8
9
10
11
<script>
    $('.open-modal').click(function(){
     
        let roomId = $(this).attr('data-room-id');
 
        $('#data-room-id').val(roomId);  
        
        $('#myModal').modal('show');
              
    })
</script>
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<div id="myModal" class="modal fade"  >
 
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
 
        <input type="hidden" id="data-room-id" > 
 
        <h4 class='modal-title'> <?=$adres?> </h4>
 
    
      </div>
      <div class="modal-body">
   
      </div>
 
    </div>
  </div>
</div>
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
16.02.2021, 15:44
Ответы с готовыми решениями:

Сворачивание модальных окон
Здравствуйте! Подтолкните на мысль как сделать сворачивание модального окна под тип сворачивания окон в Mac OS (как засасывание в воронку) ...

Создание нескольких модальных окон, использую js
Здравствуйте, Никак не могу придумать как сделать несколько кнопок для одного и того же модального окна. HTML код (такая же кнопка...

Открытие модальных окон по своему id
Приветствую. Есть набор кнопок. Считаю элементы и по которому (порядковый номер) было нажатие открыть соответствующее окно. ...

4
220 / 173 / 115
Регистрация: 19.01.2015
Сообщений: 524
16.02.2021, 20:37
В чём вопрос то?
По коду: у кнопки класс open, а не open-modal и нет атрибута data-room-id
0
0 / 0 / 0
Регистрация: 26.11.2017
Сообщений: 289
16.02.2021, 20:42  [ТС]
Smls, В том что у всех записей в модальном окне данные из первой записи
0
220 / 173 / 115
Регистрация: 19.01.2015
Сообщений: 524
16.02.2021, 20:47
Судя по приведённому коду там вообще никаких данных быть не должно кроме h4 и само окно открываться не должно.
0
0 / 0 / 0
Регистрация: 26.11.2017
Сообщений: 289
16.02.2021, 20:49  [ТС]
Smls, Поправил чтоб открывалось, да только h4 выводится
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
16.02.2021, 20:49
Помогаю со студенческими работами здесь

Открытие произвольного количества модальных окон с уникальным id для каждого.
Всем доброго дня! Нужна помощь. Если кто может, то пожалуйста. Есть скрипт модального окна. Он открывает одно окно по классу. Как его...

Несколько модальных окон
Соответственно, есть вот такой скрипт - https://codepen.io/dzivenu/pen/BwmBqq &lt;h1&gt;Simple Responsive Modal&lt;/h1&gt; ...

Закрытие модальных окон
Есть модальное окно: &lt;div class= &quot;modal&quot;&gt; &lt;div class = &quot;modal_content&quot;&gt;&lt;/div&gt; &lt;/div&gt; Пытаюсь сделать так, чтобы оно...

Много модальных окон
Добрый вечер. На странице есть очень много модальных окон. Модалки реализованы посредством ArcticModal. Так вот, в чём суть. Есть много...

Несколько модальных окон на одной странице
Добрый день, Форумчане Нужен очень скрипт модальных окон, который позволяет открыть модальное окно из модального окна. То есть...


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

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
Знаешь почему 90% людей редко бывают счастливыми?
kumehtar 14.04.2026
Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.
Фиксация колонок в отчете СКД
Maks 14.04.2026
Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .
Настройки VS Code
Loafer 13.04.2026
{ "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .
Оптимизация кода на разграничение прав доступа к элементам формы
Maks 13.04.2026
Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .
Контроль заполнения и очистка дат в зависимости от значения перечислений
Maks 12.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .
Архитектура слоя интернета для сервера-слоя.
Hrethgir 11.04.2026
В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа
Maks 10.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании
Maks 09.04.2026
Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru