Для реализации данной функциональности на сайте с использованием PHP, HTML и JavaScript, вам потребуется следующий подход:
1. Создайте форму комментария, которая по умолчанию будет скрыта. Для этого можно использовать следующий HTML-код:
<form id="commentForm" style="display:none;"> <textarea name="comment" placeholder="Введите ваш комментарий"></textarea> <input type="submit" value="Отправить"> </form>
2. Для кнопки "Ответить на комментарий" добавьте атрибут data-commentid
с идентификатором комментария, на который будет оставлен ответ. Например:
<button class="replyButton" data-commentid="1">Ответить на комментарий</button> <button class="replyButton" data-commentid="2">Ответить на комментарий</button>
3. Напишите скрипт JavaScript, который будет отображать форму комментария при нажатии на кнопку "Ответить на комментарий". Для этого можно использовать jQuery:
$(document).ready(function() { $(".replyButton").click(function() { var commentId = $(this).data("commentid"); $("#commentForm").show(); // Добавьте логику для заполнения формы, если нужно $("#commentForm textarea").val("@" + commentId + " "); }); });
4. Обработайте отправку формы на сервере с помощью PHP. Получите данные из формы и сохраните комментарий, отмечая его как ответ на определенный комментарий.
5. Обновите страницу или загрузите комментарий асинхронно с помощью AJAX, чтобы показать ответ.
Таким образом, при нажатии на кнопку "Ответить на комментарий", будет открываться форма для комментария с возможностью отправки ответа на выбранный комментарий.