Уроки PHP для начинающих


Скрипт добавления комментариев на сайте: создаём форму

На большинстве сайтов принято устанавливать формы для добавления комментариев пользователями сайта. На блогах же такие формы издавна обычное явление.

Польза от таких форм несомненна: если у пользователя появились вопросы в отношении материала статьи или он хотел бы выразить своё мнение, сделать это можно прямо на странице сайта причём комментарий сразу отобразится на самой странице.

Для владельцев сайтов возможность получать отклики на свои статьи тоже полезно. Как минимум, можно увидеть свои слабые и сильные стороны…

В сегодняшнем и следующем выпусках я покажу, как реализовать добавление комментариев на странице сайта.

На самой странице сайта помещают форму, в которую пользователь должен внести свои данные и собственно текст комментария. Однако форма сама по себе работать не будет, чтобы она работала, нужна программа-обработчик (скрипт).

В этом уроке мы создадим форму, а скриптом займёмся в следующем выпуске.

Как правило, формы для добавления комментариев содержат следующие элементы:

- поле для имени пользователя,

- поле для его электронного адреса,

- иногда – поле для Web-ресурса (обычно не обязательно для заполнения),

- поле для текста комментария,

- кнопку для запуска скрипта-обработчика.

Для выполнения упражнения предлагаю создать папку «comment» в папке home. (Я, разумеется, подразумеваю сервер Denver, который давным-давно установлен на Вашем компьютере. Если нет, Вам эту статью читать рано, читайте отсюда.)

В папке «comment», ессно, должна быть создана папка «www», в которую  мы и будем помещать все прочие файлы и папки сайта.

Итак, проделайте такую подготовительную работу.

Потом создаём файл именем index.php в папке www. Это – страница, на которой подразумевается наличие интересной статьи и формы для добавления комментариев к статье. Ну, статью Вы найдёте сами, впрочем, можно обойтись и без неё, наша задача – увидеть, как реализуется добавление комментариев.

Теперь пишем код для формы (пишем в текстовом файле, если Вы ещё не перешли на какой-либо Web-редактор).

<form action="comments.php" method="post">
<p>  <label>
Ваше имя <font color="#FF0000">* </font>:</label> <br>
<input type="text" name="name"></p>
<p>  <label>
E-mail: </label><br>
<input type="text" name="email"></p>
<p>  <label>
Сообщение <font color="#FF0000">* </font>:<br>
<textarea name="text" cols="40" rows="5"></textarea></label></p>
<p>
 Введите сумму чисел с картинки <font color="#FF0000">* </font>:<br>
<input name="summa" type="text" size="10" maxlength="5"><img src="images/sum.gif" width="80" height="50" border="1"></p>
<p><input type="submit" value="Добавить комментарий"></p>
</form>

Сохраните результат, откройте index.php в браузере. Результатом должна быть такая форма:



 

Введите сумму чисел с картинки * :
=

Поля, обязательные для заполнения, отмечены красными звёздочками (*).

Как Вы понимаете, я сейчас не заморачиваюсь внешним видом формы, поэтому она выглядит немного коряво.

В форме есть строка «Введите сумму чисел с картинки». Это для препятствия добавлению записей разными спам-роботами.

Картинку можно создать за несколько минут в программе PhotoShop. Если не знаете, как это делается, можете пользоваться моей заготовкой, качайте отсюда, распакуйте из архива и поместите в папку images, создав её предварительно внутри папки www.

Затем возвращаемся в браузер и обновляем страницу; ниже строки «Введите сумму чисел с картинки» должна появиться картинка:

скрипт комментариев для сайта

Вот и вся форма. Но, как я уже говорил в самом начале, без скрипта-обработчика она работать не будет. Скрипт будем создавать в файле coments.php, о чём говорит атрибут action="comments.php" в первой строке кода формы.

Но скриптом мы займёмся в следующей статье, а на сегодня я прощаюсь, до встречи.

Успехов.

Автор: Андрей Чернобай

P. S. Подпишитесь на безплатную рассылку Вокруг Сайта и получайте на свой электронный адрес новые уроки по созданию сайта.

Оставьте свой отзыв о статье:



Введите цифровой код с картинки*:


Комментарий добавил(а): Андрей
19-07-2012
18 час. 37 мин.

Комментарий:
Добрый день! У меня проблема. Когда пишешь комментарий, то он почему-то идет в одну строчку-не укладывается в определенные рамки. Как задается ширина комментария?

Ответ: Здравствуйте, Андрей. Скорей всего, исправить можно, задав в стилях отступы справа и слева, например, margin-left:30px; margin-right:20px;. Или же ширину самого текстового блока с комментарием: width:xxx (подставить число) px;. То есть, текст комментария у вас, скорей всего, в теге параграфа (p). Вот этому параграфу задайте в таблице стилей какой-нибудь стиль, например, p.comm и поставьте требуемую ширину. А в коде скрипта этот тег со стилем напишите.


Комментарий добавил(а): гость
23-07-2012
20 час. 50 мин.

Комментарий:
http://*****.ru реально крутой сайт!!! там так много всего интересного, прям глаз оторвать нельзя!!! ничего подобного в жизни не видел!охота постоянно на нем находится!!всем советую,заходите смотрите, не пожалеете. На сайте выложена полная коллекция русской поэзии!! Заходите,читайте, любуйтесь!!!

Ответ: Уважаемые владельцы сайтов! Вокруг Сайта не является халявной рекламной площадкой для ваших web-ресурсов. При желании разместить здесь ссылку (-и) пишите на kapitansg@yandex.ru, при этом имея, что предложить взамен (тоже ссылки или же всего-навсего деньги).


Комментарий добавил(а): Damir
25-08-2012
16 час. 04 мин.

Комментарий:
Спасибо, очень интересно! Красиво!На многих сайтах при нажатии "Отправить" ничего не отправляется. Я так понимаю отправка приостановлена.Если мне захочется приостановить отправку комментария, как это можно сделать?Спасибо заранее!

Ответ: Здравствуйте, Damir. Если на каком-то сайте комментарии сразу не выводятся, то, скорей всего, там установлена премодерация комментариев, то есть, сперва админ читает и решает, стоит ли это размещать. Чтобы это сделать на предлагаемом скрипте, нужно в него внести некоторые изменения. Во-первых, запись нового комментария сделать не в общую файл-базу (gb.dat), а в специально созданный файл - для немодерированных комментов. И далее - после прочтения комментария админом и нажатия на соответствующую ссылку комментарий записывается в общую БД, или удаляется, если админу комментарий не понравился. Чтобы показать это технически, нужно написать целую отдельную статью, предварительно переработав скрипт и протестировав его, на это требуется время, так что прямо сейчас не получится. Можете поэкспериментировать сами, я же обещаю выполнить ваш запрос в порядке очереди. Если вам хочется разобраться быстрее, обратитесь к этому ресурсу: http://acvarif.info/wbsphp/longphp.html - там как раз подробно разрабатывается скрипт с предмодерацией. Правда, от моего скрипта он отличается, но главное понять принцип работы. Успехов.


Комментарий добавил(а): Андрей
08-09-2012
10 час. 49 мин.

Комментарий:
Народ, этот видеокурс действительно реальный http://*** пройдя его я узнал, как создавать любые сайты (причем уникальные) любой сложности, рекомендую всем, кто до сих пор париться над программированием, созданием сайта и пр. пр. пр.

Ответ: Часть уроков в предлагаемом за 1400 с чем-то рублей видеокурсе на те же темы, которые на Вокруг Сайта бесплатны (html, css). Другие темы - создание сайтов на WordPress и Joomla - будут тоже выложены в свободный доступ. Это первое. Второе - то, о чём неоднократно писал в ответах на комментарии: Вокруг Сайта не есть рекламная площадка и все ссылки будут безжалостно удаляться. Хотите разместить ссылку - пишите на e-mail админу, при этом имея, что предложить взамен. Да, есть и третье. Уважаемые посетители, если вам встречаются предложения типа: ^мы научим вас создавать сайты за день, при этом вам не нужно больше изучать все эти html, css, php...^ - просто посетите форумы WordPress'a и Jooml'ы и посмотрите, сколько вопросов задают люди по этим движкам (десятки тысяч). И наверное не ошибусь, если скажу, что почти каждый ответ: откройте файл такой-то, найдите КОД такой-то, исправьте в нём то-то и то-то. Вывод: ориентироваться в коде нужно хоть в какой-то мере, на каком бы там движке ваш сайт не был построен.


Комментарий добавил(а): настя
11-09-2012
16 час. 02 мин.

Комментарий:
уии! спасибо большое :) опробую :)

Ответ: Через пару дней будет новый видеоурок по скрипту комментариев, так что оставайтесь на связи (в смысле, через рассылку).


Комментарий добавил(а): Максим
14-09-2012
13 час. 40 мин.

Комментарий:
Здравствуйте Андрей.У меня такая проблема когда первый раз запускал скрипт ввёл комментарий и у меня при обновлении страницы появляется дубликат комментария и при повторном обновлении тоже и т. д.С уважением Максим.

Ответ: Здравствуйте, Максим. Как раз завтра-послезавтра по этой проблеме будет видеоролик: он уже записан, заканчиваю редактировать.


Комментарий добавил(а): Сергей
22-09-2012
02 час. 55 мин.

Комментарий:
как удалить комментарий?

Ответ: На этой стадии создания скрипта только вручную, открыв БД в редакторе. Дальше Вы найдёте материал по созданию админпанели для этого скрипта, там рассказано о возможности удалять и править комментарии из админки.


Комментарий добавил(а): Виктор
04-10-2012
12 час. 17 мин.

Комментарий:
Готовую форму хочу скачать

Ответ: Если я правильно понял, вы хотите скачать готовый скрипт. О возможности скачивать готовые скрипты с нашего сайта написано здесь: http://vokrug-saita.ru/pravila.php

Новое на сайте

Другие статьи...

Видеокурсы

Рассылки

"Вокруг Сайта"
подпишитесь и получайте на свой e-mail уроки, книги, статьи, скрипты, а также подарки и скидки на товары, продаваемые с сайта

SmartResponder.ru
Ваше имя: *
Ваш e-mail: *

"PHP-песочница"
- PHP для начинающих: уроки с подробным анализом скриптов, необходимых для вашего сайта:

PHP-песочница
Подписаться письмом

Разделы Сайта