Смайлики на JQuery

Смайлики на JQuery

12012-11-2556861Денис Абдуллин

Плагин основан на функциях 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, там имеются все файлы, имеется пример использования плагина.


Создать сайт в uKit Нужен классный сайт для бизнеса?
Воспользуйтесь сервисом uKit. Никакого кода!
Гладнев Ярослав 2012-05-11 в 01:01 / МатериалСпам
Хороший скрипт!
0
Чтобы оставить комментарий или отзыв под этой публикацией, войдите или зарегистрируйтесь.