Форум

koctul · #1 (**permalink**) 23.03.2015, 19:13

Доброго времени суток.

На сайте используется древовидные комментарии. В каждом из комментариев есть кнопка "ответить". Также под всеми комментариями находиться форма.

Собственно вопрос в том, как реализовать на JavaScript функцию которая по нажатию на кнопку "ответить" переносила бы форму в div данного комментария?

Заранее очень благодарен

laimas · #2 (**permalink**) 23.03.2015, 19:23

А зачем под всеми комментариями иметь форму, может быть иметь/открывать одну под тем на который отвечают?

koctul · #3 (**permalink**) 24.03.2015, 00:19

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

А зачем под всеми комментариями иметь форму, может быть иметь/открывать одну под тем на который отвечают?

Так вот и я об этом.
У меня есть общая форма.
Но у каждого комментария есть кнопка "ответить", по нажатию на которою мне нужно перенести форму под данный комментарий.

рони · #4 (**permalink**) 24.03.2015, 00:36

koctul,

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
 .quickreply{
   cursor: pointer;
 }

  </style>
   <script>
    document.addEventListener("click", function(event) {
    var el = event.target;
    if (el.classList.contains('quickreply')) {
        el.parentNode.appendChild(document.forms.mes)
    }
});

  </script>
</head>

<body>
<div>01<input name="" type="button" value="ответить" class="quickreply"></div>
<div>02<input name="" type="button" value="ответить" class="quickreply"></div>
<div>03<input name="" type="button" value="ответить" class="quickreply"></div>
<div>04<input name="" type="button" value="ответить" class="quickreply"></div>
<div>05<input name="" type="button" value="ответить" class="quickreply"></div>
<div>06<input name="" type="button" value="ответить" class="quickreply"></div>
<div>07<input name="" type="button" value="ответить" class="quickreply"></div>
<div>08<input name="" type="button" value="ответить" class="quickreply"></div>
<div>09<input name="" type="button" value="ответить" class="quickreply"></div>
<div>10<input name="" type="button" value="ответить" class="quickreply"></div>
<form name="mes" action="http://">
 <input name="">
</form>
</body>

</html>

koctul · #5 (**permalink**) 24.03.2015, 12:58

Спасибо огромное, это то что нужно

Форум

Справочник

Discord чат

Курсы javascript