Wednesday, January 18, 2012

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


1 comment:

  1. 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


    jsFiddle Demonstration
    JQuery: Inserting Emoticons (Source)

    ReplyDelete