40 lines
2.1 KiB
HTML
40 lines
2.1 KiB
HTML
|
{include file=$header}
|
|||
|
|
<div id="comment_list">
|
|||
|
|
</div>
|
|||
|
|
<!-- Форма добавления коментария -->
|
|||
|
|
<form id="send_comment">
|
|||
|
|
<input type="hidden" value="_ИД_СТАТЬИ_">
|
|||
|
|
<textarea name="comment"></textarea>
|
|||
|
|
<? if !$_SESSION['user_id']{?>//если не авторизован показываем до поля
|
|||
|
|
<input type="email" name="email" placeholder="E-mail">
|
|||
|
|
<input type="text" name="nikname" placeholder="Как вас зовут?">
|
|||
|
|
<img src="путь к капче">
|
|||
|
|
<input type="text" name="capcha">
|
|||
|
|
<?}?>
|
|||
|
|
<input type="submit" class="btn btn-default" value="Отправить" name="ok">
|
|||
|
|
</form>
|
|||
|
|
<!-- не забываем про библиотечку -->
|
|||
|
|
<script src="jquery.js"></script>
|
|||
|
|
<script>
|
|||
|
|
$(function(){
|
|||
|
|
//функция которая в див добавляет коммент
|
|||
|
|
function print_comment(a){//a - для отладки
|
|||
|
|
$('#comment_list').append('<hr><p>' + $('[name=nikname]') + '</p>');//тут все в одну строку и можно добавить текст из текст ареа
|
|||
|
|
print_r(a);
|
|||
|
|
}
|
|||
|
|
//отсылает данные на сервер
|
|||
|
|
$('#send_comment').submit(function(event){
|
|||
|
|
event.preventDefault();//Отменяем стандартное действие - отправку get-запроса
|
|||
|
|
$.ajax({
|
|||
|
|
type:'POST', // Тип запроса
|
|||
|
|
url: 'КУДА_ШЛЕМ_ДАННЫЕ', // Скрипт обработчика
|
|||
|
|
data: formData, // Данные которые мы передаем
|
|||
|
|
cache:false, // В запросах POST отключено по умолчанию, но перестрахуемся
|
|||
|
|
contentType: false, // Тип кодирования данных мы задали в форме, это отключим
|
|||
|
|
processData: false,
|
|||
|
|
success:function(data){print_comment(data);}//Для отладки - смотрим, что ответил сервер, можно впихнуть линк на функцию, что выполнит какое-нибудь действие, в зависимости от ответа
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
})
|
|||
|
|
</script>
|
|||
|
|
{include file=$footer}
|