Форум программистов, компьютерный форум, киберфорум
PHP для начинающих
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.93/15: Рейтинг темы: голосов - 15, средняя оценка - 4.93
0 / 0 / 0
Регистрация: 15.03.2012
Сообщений: 24

Добавить данные через модальное окно

28.10.2016, 12:09. Показов 3271. Ответов 6
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Добрый день. У меня есть таблица которая выводится из бд, есть функция добавления данных через форму. При клике на ссылку открывалось форма и все заносилось хорошо. Я добавил модальное окно и вставил туда эту форму
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
  <button type="button" class=" btn-primary" data-toggle="modal" data-target="#gridSystemModal">
    Добавить запись
</button>
 
<div id="gridSystemModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="gridModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Закрыть"><span aria-hidden="true">×</span></button>
          <h4 class="modal-title" id="gridModalLabel">Добавить запись</h4>
      </div>
      <div class="modal-body">
          <!-- основное содержимое (тело) модального окна -->
          <table>
            <form action="" method="post" >
              <tr>
                <td>Количество:</td>
                <td><input type="text" name="Numb" class="form-control"></td>
            </tr>
            <tr>
                <td>Дата:</td>
                <td><input required type="date" name="date" class="form-control" min="2017-01-01"></td>
            </tr>
            <tr>
                <td>Наименования:</td>
                <td>
                  <select type="text" name="work" class="form-control">
                    <option value="Администрирование сетевых баз данных в библиотеках учреждения">Администрирование сетевых баз данных в библиотеках учреждения</option>
                    <option value="Количество обновлений информации на сайте">Количество обновлений информации на сайте</option>
                    <option value="Количество посещений сайта учреждения">Количество посещений сайта учреждения</option>
                    <option value="Доля модернизированных рабочих мест для работников учреждения">Доля модернизированных рабочих мест для работников учреждения</option>
                    <option value="Количество консультаций для сотрудников библиотек района">Количество консультаций для сотрудников библиотек района</option>
                    <option value="Количество выездов с методической и практической помощью">Количество выездов с методической и практической помощью</option>
                    <option value="Перемещение, подключение и обслуживание оборудования">Перемещение, подключение и обслуживание оборудования</option>
                    <option value="Диагностика ПС, оптимизация производительности ПО">Диагностика ПС, оптимизация производительности ПО</option>                    
                </select>
            </td>
        </tr>
        <tr>
            <td>Примечание:</td>
            <td><input type="text" name="prim" class="form-control"></td>
        </tr>
        <tr>
            <td>Выполнил:</td>
            <td>
                <select class="form-control" name="name">
                    <option value="Пользователь 1">Пользователь 1</option>
                    <option value="Пользователь 2">Пользователь 2</option>
                    <option value="Пользователь 3">Пользователь 3</option>
                    <option value="Пользователь 4">Пользователь 4</option>               
                </select>
            </td>
        </tr>
        <tr>
            <td colspan="2"><input type="submit" name="add" value="Добавить" class="btn btn-success"></td>
        </tr>
    </form>
</table>
Теперь при клике открывается окно с формой, ввожу данные - нажимаю добавить, появляется надпись "данные успешно добавлены", но в таблице не отображаются, появляются только после обновления страницы
Вот код добавления:
PHP
1
2
3
4
5
6
7
8
9
10
11
if (isset($_POST["add"])) {
//Вставляем данные, подставляя их в запрос
$sql = mysql_query("INSERT INTO `$table` ( `date` ,  `work` ,  `name` ,  `prim` ,  `numb`) 
VALUES ('".$_POST['date']."','".$_POST['work']."','".$_POST['name']."','".$_POST['prim']."','".$_POST['Numb']."')");
//Если вставка прошла успешно
if ($sql) {
echo "<p>Данные успешно добавлены в таблицу.</p>";
} else {
echo "<p>Произошла ошибка.</p>";
}
}
Можно как-нибудь сделать, что бы надпись "Данные успешно добавлены в таблицу" появлялась в этом же модульном окне и сразу отображалась в таблице?
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
28.10.2016, 12:09
Ответы с готовыми решениями:

Не могу добавить модальное окно
На кнопки заказать не могу добавить выплывающие модальные окна. Плагин скрывает весь код. Что делать? http://dostavkagruzov24.ru/tarify/

Передать данные в модальное окно
Всем хорошего дня! Помогите пожалуйста в решении задачи. Есть на сайте выведенные flex новостные сообщения (на главной выводим только...

Как передать данные в модальное окно
В основном окне у меня есть var tur = oImg.src; Я открываю модальное окно showModalDialog('html/formAddPic.php','',status=no;'); ...

6
Эксперт PHP
5755 / 4134 / 1508
Регистрация: 06.01.2011
Сообщений: 11,276
28.10.2016, 12:21
Цитата Сообщение от verpl Посмотреть сообщение
в таблице не отображаются, появляются только после обновления страницы
Всё нормально. То что было загружено ранее -- то и отображается. Добавлять элементы в DOM надо через JS, чего Вы не делаете. Отседова вопрос: а с чего вдруг они должны там появиться?
0
 Аватар для BearBaloo
41 / 41 / 16
Регистрация: 04.10.2016
Сообщений: 154
28.10.2016, 12:27
Вам нужно использовать чудесную библиотеку под названием jQuery ^)
0
0 / 0 / 0
Регистрация: 15.03.2012
Сообщений: 24
28.10.2016, 12:30  [ТС]
Para bellum, не подскажите как это сделать или хотя бы что гуглить) Но ведь без модального окна, данные появляются в таблице сразу, без обновления страницы
0
Эксперт PHP
5755 / 4134 / 1508
Регистрация: 06.01.2011
Сообщений: 11,276
28.10.2016, 12:43
Цитата Сообщение от verpl Посмотреть сообщение
Но ведь без модального окна, данные появляются в таблице сразу, без обновления страницы
Так форма синхронно же отправляется на сервер при этом. Поэтому обновление всё же происходит.
Или при отправке формы, что в модальном окне -- тоже отправка идёт синхронно, т.е. страница перезагружается?
0
0 / 0 / 0
Регистрация: 15.03.2012
Сообщений: 24
28.10.2016, 12:47  [ТС]
Para bellum, нет, страница не перезагружается. Только после обновления данные появляются. И при обновлении еще раз отправляет эту форму)
0
Эксперт PHP
5755 / 4134 / 1508
Регистрация: 06.01.2011
Сообщений: 11,276
28.10.2016, 12:57
Ну вот, значит Вам динамически надо добавлять в таблицу элемент с данными из формы.
http://jquery-docs.ru/Manipulation/
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
28.10.2016, 12:57
Помогаю со студенческими работами здесь

Ввести данные в модальное окно HTML
Доброй ночи! При переходе на определенный сайт, всплывает модальное окно с просьбой ввести логин/пароль. Эти данные мне известны, но я не...

Создаю модальное окно, в компонент NextGrid пытаюсь добавить столбцы и не добавляет.
Привет! Создаю модальное окно, в компонент NextGrid пытаюсь добавить столбцы и не добавляет. Использую такой код: ...

Редактирование БД через модальное окно
Помогите реализовать функцию редактирования данных через модальное окно bootstrap`a в данной таблице. Подскажите каким способом необходимо...

Перенести данные о товаре в модальное окно при клике на него
Доброго дня! При программировании вёрстки (я только учусь, тренировочный проект) столкнулся с проблемой. Нужно, чтобы при клике на товар...

Перезапись данных в БД через модальное окно
Здравствуйте, есть простенький учебный проект (на PHP), в котором можно создавать сотрудников с краткой информацией о них. В том случае,...


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

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Новые блоги и статьи
Символьное дифференцирование
igorrr37 13.02.2026
/ * Программа принимает математическое выражение в виде строки и выдаёт его производную в виде строки и вычисляет значение производной при заданном х Логарифм записывается как: (x-2)log(x^2+2) -. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru