Форум программистов, компьютерный форум, киберфорум
Наши страницы
PHP для начинающих
Войти
Регистрация
Восстановить пароль
 
verpl
0 / 0 / 0
Регистрация: 15.03.2012
Сообщений: 23
1

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

28.10.2016, 12:09. Просмотров 374. Ответов 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
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
28.10.2016, 12:09
Ответы с готовыми решениями:

Модальное окно
На сайте есть кнопка &quot;удалить&quot;. И чтобы пользователь случайно, нажав на нее, не...

Модальное окно
Подскажите как сделать уменя есть ссылка на сайте принажатии на нее появляется...

модальное окно
мне тут хороший человек, помог с модальным окном ну недавно я заметил проблему...

Readfile модальное окно
Здравствуйте! Можно ли вывести с помощью команды readfile модальное окно? То...

Модальное окно не отображается
Здравствуйте! Пытаюсь вывести форму в модальном окне, написал такой код (с...

6
Para bellum
Эксперт PHP
4187 / 3114 / 1010
Регистрация: 06.01.2011
Сообщений: 9,091
28.10.2016, 12:21 2
Цитата Сообщение от verpl Посмотреть сообщение
в таблице не отображаются, появляются только после обновления страницы
Всё нормально. То что было загружено ранее -- то и отображается. Добавлять элементы в DOM надо через JS, чего Вы не делаете. Отседова вопрос: а с чего вдруг они должны там появиться?
0
BearBaloo
41 / 41 / 16
Регистрация: 04.10.2016
Сообщений: 154
Завершенные тесты: 1
28.10.2016, 12:27 3
Вам нужно использовать чудесную библиотеку под названием jQuery ^)
0
verpl
0 / 0 / 0
Регистрация: 15.03.2012
Сообщений: 23
28.10.2016, 12:30  [ТС] 4
Para bellum, не подскажите как это сделать или хотя бы что гуглить) Но ведь без модального окна, данные появляются в таблице сразу, без обновления страницы
0
Para bellum
Эксперт PHP
4187 / 3114 / 1010
Регистрация: 06.01.2011
Сообщений: 9,091
28.10.2016, 12:43 5
Цитата Сообщение от verpl Посмотреть сообщение
Но ведь без модального окна, данные появляются в таблице сразу, без обновления страницы
Так форма синхронно же отправляется на сервер при этом. Поэтому обновление всё же происходит.
Или при отправке формы, что в модальном окне -- тоже отправка идёт синхронно, т.е. страница перезагружается?
0
verpl
0 / 0 / 0
Регистрация: 15.03.2012
Сообщений: 23
28.10.2016, 12:47  [ТС] 6
Para bellum, нет, страница не перезагружается. Только после обновления данные появляются. И при обновлении еще раз отправляет эту форму)
0
Para bellum
Эксперт PHP
4187 / 3114 / 1010
Регистрация: 06.01.2011
Сообщений: 9,091
28.10.2016, 12:57 7
Ну вот, значит Вам динамически надо добавлять в таблицу элемент с данными из формы.
http://jquery-docs.ru/Manipulation/
0
28.10.2016, 12:57
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
28.10.2016, 12:57

Модальное окно и php
ребят имеется php код который берет данные из бд, затем эти данные он должен...

Модальное окно при клике
Здравствуйте! Есть таблица, выводится из бд, как сделать, чтобы при клике на...

Передать переменную в модальное окно
В цикле выводятся строки таблицы. В каждой строке $variable имеет разное...


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

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

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