Facebook / Skype like emoticons jQuery Plugin

Here is another interesting jQuery plugin from theonlytutorials.com. Emotion icons jQuery plugin, shorly emoticons jquery plugin.

You might wonder how the Facebook, Skype or any other social networking  websites changing the smileys to emoticons when you type. The answer is JavaScript.

In this post i’m giving a jQuery plugin that you can immediately use it in any of your project and the emoticons script is very simple to implement.

Demo or Download the plugin here:



How to use the plugin?

inputSelector can be a text box or a textarea
outputSelector can be a div or a span

If you want to give your own folder location and image extension:

Here is a complete usage example of emoticons plugin:

To keep the jQuery plugin easily understandable, I have written it very simple. Enjoy the day!

About the Author


Software Engineer, Blogger etc., Visit my Youtube channel - <a href="http://www.youtube.com/agurchand">Click Here</a>

Leave a Reply

Your email address will not be published. Required fields are marked *