Смайлики на JQuery

Смайлики на JQuery

25.11.201241101

Плагин основан на функциях JavaScript, а именно на базе JQuery. Смайлики на JQuery в примере взяты из чата социальной сети Facebook. Так же, как и там, можно прибавить в чат ии диалоги эти смайлики. Изображения, разумеется, можно использовать свои.

Работает скрипт очень просто: текстовый смайлики вида «:)» заменяются на изображения. В примере показано текстовое поле, написав и отправив, смайлики в сообщения автоматически превращаются в смайлики-картинки. Улыбки, поцелуи и сердечки – все это вы можете сделать в своей социальной сети или в своем чате, не используя PHP. Если вы надумали делать чат, как на Facebook, то этот плагин пригодиться, несомненно.

Вставка плагина (между <head> и </head>. Скрипты в архиве):



Code
<script src="js/jquery.js"></script>
<script src="js/jquery.emotions.js"></script>

Код-пример

:

Code
$(document).ready(function()
{
$("#selector").emotions();
});

Код самого плагина смайликов:



Code
$.fn.emotions.defaults = {
a : "emotions-fb/", // Emotions folder
b : new Array("angel","colonthree","confused","cry","devil","frown","gasp","glasses","grin","grumpy","heart","kiki","kiss","pacman","smile","squint","sunglasses","tongue","unsure","upset","wink"), // Emotions Type
s : new Array("o:)",":3","o.O",":'(","3:)",":(",":O","8)",":D",">:(","<3","^_^",":*",":v",":)","-_-","8|",":p",":/",">:O",";)"),
c : "gif" // Emotions Image format
};

Скачайте архив смайликов на JQuery, там имеются все файлы, имеется пример использования плагина.




Сохраните в социальную сеть
Комментарии (1)
Хороший скрипт!
0
Чтобы оставить комментарий под этой публикацией,
зарегистрируйтесь или войдите.
Рейтинг лучших сервисов для самостоятельного создания сайта.
Лучшие конструкторы
Легко! Если пользоваться нашими советами.
Создать сайт