Question

In my Chat application I need to add Smileys features ? How can I achieve this ?

we are using ” Genesys ” to create our Chat application ?

Is it possible to add Smileys ???

Please anyone can help me..

Thanks in advance…

Answer 1

You can do this Pure CSS/JS Emoticons

or

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)