Как реализовать подтверждение удаления записи из БД?

Question

[Hey One]

Приветствую!
У меня есть готовый, рабочий код, который удаляет запись из БД:

if(isset($_GET['delete'])){
	$id = ($_GET['delete']);
	$query = "DELETE FROM posts WHERE id = $id";
	mysqli_query($connect, $query);
}

<a href="?delete=<?=$post['id']?>" style="float: right;margin-left: 20px;"><img src="../../images/delete.png" title="Удалить запись"></a>

Мне нужно сделать так, чтобы при нажатии на ссылку с удалением записи всплывало окно на Bootstrap, которое спрашивает: "Вы точно хотите удалить данную запись?", и предлагает два варианта:
- Кнопка "Да", которая при нажатии закрывает форму, а также удаляет запись
- Кнопка "Нет", которая просто закрывает форму
Вопрос, как это можно реализовать?
Вроде можно с помощью JS, но я в нём не особо разбираюсь пока что...
Заранее спасибо, всем добра! :)

Comments

[Konata Izumi]

Вроде можно с помощью JS

Да, это делается на js.
Пробовали как-то решить эту задачу, может js код есть, который не работает?
Если не пытались решать и не собираетесь - с этим на фриланс.

Answer 1

[Vitaliy Orlov]

Это чистый JS, в обработчике onclick вызывается диалоговое окно, которое или пропускает или отменяет действие, самый простой пример

<a onclick="if (!cofirm('Точно удалить?')) return false" href="#">удалить</a>

Еще пример

Вроде можно с помощью JS, но я в нём не особо разбираюсь пока что

Для этой задачи придется разобраться, ничего не поделать.

Хотя, не совсем точно, можно и на чистом php построить что-то типа "мастера", где у тебя будут в зависимости от параметров рендерится разные страницы, но это извращение.. Что-то типа

Шаг 1. Рендерится страница с кнопкой удаления
Шаг 2. Рендерится страница с диалогом удаления, на котором две ссылки
?=action=delete&confirm=yes
?=action=delete&confirm=no
Шаг 3. Чекаем что выбрал пользователь в параметре confirm

Answer 2

[Антон Р.]

А в чем проблема посмотреть официальную документацию? https://getbootstrap.com/docs/4.0/components/modal/

Comments

[Антон Р.]

Hey One, вот ты явно не заходил в документацию.

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
  Launch demo modal
</button>

А дальше уже ВНУТРИ окна размещаешь сами управляющие (удаляющие) кнопки.

[Hey One]

Антон Р., с этим проблем нету, может я просто неправильно выразился...
вот:

<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<h5 class="modal-title" id="exampleModalLabel">Подтверждение удаление записи</h5>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
				</div>
				<div class="modal-body">
					Вы точно хотите удалить запись?
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary">Да</button>
					<button type="button" class="btn btn-secondary" data-dismiss="modal">Нет</button>
				</div>
			</div>
		</div>
	</div>

Как теперь сделать так, чтобы при нажатии на кнопку "Да" запись из БД удалялась?

[Антон Р.]

Hey One, очень просто - передавать из формы (которой у тебя в коде пока нет) нужному удаляющему скрипту значение скрытого поля id.
Или вариант 2 - сменить button на a href и удалять через GET запрос.
Этот функционал проходят в первой же главе книжек типа "свой бложек на php".

[Hey One]

Антон Р., насчёт второго варианта, прикол в том, что при нажатии на кнопку с удалением GET запрос не передаётся, соответственно в форме при нажатии на кнопку Да ничего не происходит так как GET значение не передано.(((