Смена родительского элемента формы
Доброго времени суток.
На сайте используется древовидные комментарии. В каждом из комментариев есть кнопка "ответить". Также под всеми комментариями находиться форма. Собственно вопрос в том, как реализовать на JavaScript функцию которая по нажатию на кнопку "ответить" переносила бы форму в div данного комментария? Заранее очень благодарен:) |
А зачем под всеми комментариями иметь форму, может быть иметь/открывать одну под тем на который отвечают?
|
Цитата:
У меня есть общая форма. Но у каждого комментария есть кнопка "ответить", по нажатию на которою мне нужно перенести форму под данный комментарий. |
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>
|
Спасибо огромное, это то что нужно:)
|
| Часовой пояс GMT +3, время: 00:53. |