CODEWITHSUNDEEP
jqueryjquery-pluginsemoticons
Devashish Mamgain
Devashish Mamgain

Reputation: 2097

Suggestion required for jQuery emoticons plugins

What are the good jQuery emoticons plugins which can be used for creating a mobile sms like interface on a webpage

Upvotes: 2

Views: 3337

Answers (3)

Arvind Bhardwaj
Arvind Bhardwaj

Reputation: 5291

Here is the jQuery plugin for Gmail style animated emoticons: http://www.webspeaks.in/2012/09/gmail-style-animated-emoticons-jquery.html

Upvotes: 1

Noushad
Noushad

Reputation: 3040

Here is a pure CSS Emoticons plugin

http://www.alfajango.com/blog/pure-css-emoticons-wordpress-plugin-released/

1 from JQuery http://os.alfajango.com/css-emoticons/

this may be helpful to you

Upvotes: 1

dknaack
dknaack

Reputation: 60486

Description

Assuming i understand what you want (Replacing :-) with a emoticon image) you can replace the text with an image.

Check out the sample, the source and this jsFiddle Demonstration

Sample

var emoticons = {
  smile: '<img src="path/smile.gif" />',
  sad: '<img src="path/sad.gif" />',
  wink: '<img src="path/wink.gif" />'
};

var patterns = {
  smile: /:-\)/gm,
  sad: /:-\(/gm,
  wink: /;-\)/gm
};

$(document).ready(function() {
  $('p').each(function() {

  var $p = $(this);
  var html = $p.html();

  $p.html(html.replace(patterns.smile, emoticons.smile).
  replace(patterns.sad, emoticons.sad).
  replace(patterns.wink, emoticons.wink));  
 });
});

More Information

Upvotes: 4

Related Questions