Форма для добавления смайлов в комментарии на PHP + Javascript

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

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

С помощью Javascript напишем небольшой скрипт который будет отвечать за действия во время нажатия на картинку смайла. PHP в свою очередь будет заменять символ смайла, например вместо ":)" будет картинка.

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

Создадим HTML файл который будет выводит форму добавления комментария.

Получим вот такую форму.
Форма для добавления смайлов в комментарии на PHP + Javascript
Чтобы пример работал нормально, название формы(form) должна быть названа "comment" а поле добавления комментария "text". Это не обязательно, но если захотите добавить javascript код у себя то придется указать свои имена форм.

Теперь, давайте рассмотрим PHP скрипт который будет менять символы на их изображения.

Вот такой результат мы получим.
Форма для добавления смайлов в комментарии на PHP + Javascript

Пример достаточно просто. Вы сами можете пополнять скрипт нужными смайлами.

Вам нужен спутниковый телефон? Советуем Вам арендовать спутниковые телефоны, продажа и обслуживание спутниковых телефонов Iridium на сайте www.satellite-rent.ru