Редактирование строк таблицы через форму и модального окна, а так же их удаление

@Kseniabon · Регистрация: 21.05.2021

Студворк — интернет-сервис помощи студентам

Здравствуйте, необходимо добавить функцию редактирования строк в таблице, запрос будет осуществляться к модальному окну
А также возможность удаления строк в таблице.

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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>21.05.01з</title>
  <link rel="stylesheet" href="style.css">
     <style>
   .line {
    border-bottom: 2px solid #000; /* Параметры линии */
   }
   .line1 {
    border-bottom: 0.5px solid #fff; /* Параметры линии */
   }
  </style>
</head>
<body>
<?php
    $host = 'localhost';  
    $user = 'root';   
    $pass = 'root'; 
    $db_name = 'rpd';  
    $link = mysqli_connect($host, $user, $pass, $db_name);
    if (!$link) {
      echo 'Не могу соединиться с БД. Код ошибки: ' . mysqli_connect_errno() . ', ошибка: ' . mysqli_connect_error();
      exit;
    }
   if (isset($_POST["Nazvanie"])) {
    $sql = mysqli_query($link, "INSERT INTO `38_05_01o` (`Название_дисциплины`, `Семестр`) VALUES ('{$_POST['Nazvanie']}', '{$_POST['Semestr']}')");
 }
  $link->close();
 
?>
<h1 class="h1"><center>38.05.01 Экономика. Экономика и управление народным хозяйством (экономика труда) (очная)</center></h1>
<div class="line"></div>
</br>
<a href="index.php" style="text-decoration: none;">Выбор специальности>></a>
<a href="aspirant.php" style="text-decoration: none;">Выбор направления</a>
<div class="line1"></div>
</br>
<button onclick="show('block')" class="regButton">Добавить</button>
<div onclick="show('none')" id="gray"></div>
<div id="window">
   <img class="close" src="foto/close.png" alt="" onclick="show('none')">
   <div class="form">
   <form action="" method="post" name="f2">
    <h2><center>Добавить дисциплины</center></h2>
    <label>Введите название дисциплины</label><br><textarea id="Nazvanie" name="Nazvanie" class="input" value="<?= isset($_GET['red_id']) ? $prod['Nazvanie']:''; ?>"></textarea><br>
    <label>Укажите семестр</label><br><textarea id="Semestr" name="Semestr" class="input" value="<?= isset($_GET['red_id']) ? $prod['Semestr']:''; ?>"></textarea><br>
                             <input type="submit" value="Добавить данные" name="sab" class="input">                            
     </form>
   </div>
</div>
<script>
//Функция показа
    function show(state)
    {
    document.getElementById('window').style.display = state;
    document.getElementById('gray').style.display = state;
    }
</script>
<table class="table" >
<thead>
    <tr>
        <th>Номер</th>
        <th>Название дисциплины</th>
        <th>Семестр</th>
        <th>Количество </br>основных изданий</th>
        <th>Количество </br> периодических изданий</th>
        <th>Количество </br> дополнительной литературы</th>
        <th>Открыть пособия</th>
        <th>Удалить</th>
        <th>Редактировать</th>
    </tr>
</thead>
<tbody>
    <?php
 
$execItems = $link->query("SELECT `id`, `Название_дисциплины`, `Семестр`, `Кол_осн_изд`, `Кол_пер_изд`, `Кол_доп_изд`, `Открыть_пособия` FROM `38_05_01o` WHERE id BETWEEN 1 AND 20 ");
 
while($infoItems = $execItems->fetch_array()){
echo    "<tr>
<td>".$infoItems['id']."</td>
<td>".$infoItems['Название_дисциплины']."</td>
<td>".$infoItems['Семестр']."</td>
<td>".$infoItems['Кол_осн_изд']."</td>
<td>".$infoItems['Кол_пер_изд']."</td>
<td>".$infoItems['Кол_доп_изд']."</td>
<td><a href=21_05_04о_истр.php?id=$infoItems[id]>Открыть</a></td>
<td>Удалить</td>
<td>Редактировать</td>
</tr>
";
}
?>
</body>
</html>

Заранее благодарю!

@fanatikus · 31.05.2021, 10:28

Сообщение от Kseniabon

`Название_дисциплины`, `Семестр`, `Кол_осн_изд`, `Кол_пер_изд`,

начните с переименования столбцов таблиц. кирилица, не по феншую

Новые блоги и статьи Все статьи Все блоги /
Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .