jangosteve/jquery-cssemoticons

jQuery plugin to style emoticons with pure CSS3 properties (no images)

jquery-cssemoticons's Issues

missing tranform css for IE9

Just wanted to let you know that I really like your emoticon plugin. What a brilliant idea to make a css/js-only approach to emoticons!
Anyway. I noticed the following "bug":
In IE9 the rotation doesn't work because the CSS is missing a transform with the -ms- prefix.
I added the following line to your CSS to make it work also in IE9:

span.css-emoticon {
-ms-transform: rotate(90deg);
}

I hope you could possibly add this to your code for future users.

Kind regards
Bas

Does not work with HTML TAG < PRE >

Hello, I'm trying to make it work with text included between PRE tags and it's not working.

Any idea to workarround this issue?

Thanks in advance.

Fix preMatch

I ran into some problems with a post containing one smile and http:// smile. Here is a fixed regex:

var preMatch = '(^|[^https?][\\s\\0]*)';

Clickable emoticons

Hello Steve,

I am newbie at js, and I want to create clickable emote to help user creating emote into editor (like facebook or many messenger), this is the js code I clip from : http://jsfiddle.net/JVDES/14/ .
I try to change the selector into my own selector, but failed. I try to create:
$("#emoteWrapper span.css-emoticon").click(function(){
alert("It works!");
});
but it's still failed. Can you help me?

Thank you

Extra emoticons

Hi,

is there a way to add extra moticons?

Or should I just add them to your code and make a pull request? :)

Thanks,
warnew

Dosen't work on wordpress.

Hy!
I implamented your script to my website and not realy working (do noting).
You can se an example here:
http://www.neocsatblog.mblx.hu/miert-ilyen-dragak-a-szellemi-es-muveszeti-termekek/
I dosen't get js erorr or something else which blocking this.

Angular.js Version

Hey, I used your code, so I wanted to let you know. I re-wrote it as a simple angular.js filter
The repo is angular-emoticonize. I added a url to your blog in both the source and the readme. Thanks, pretty useful.

Doesn't find smileys in the beginning of sentence

When I have the following structure:

  <div class='message'>
    <p>:)</p> 
  </div>

And I execute:

  $('.message').emoticonize();

It doesn't recognize the smiley.

To fix it, i have to add a space in the beginning of sentence:

  <div class='message'>
    <p> :)</p> 
  </div>

OR execute:

$('.message p').emoticonize();

Thanks,
Luis

optimized version for jquery mobile and mobile browsers

your plugin is great. could I ask you optimize it for mobile websites that use jquery mobile? currently if a page contain several smiles, it get a freeze on loading and calling emoticonize().

Jquery load

Hello,

The scripts for smilies works great for me, Except for one thing.
I've got a messages window(div) that's reloaded whenever a new message has been submitted by the user. When ever the user presses send message, the emoticons disappear.

Im using the jquery load method to reload my messages div

thanks!

Doesn't work in Textareas

the Plugin doesn't work with the html Tag <Textarea>

Not an issue but a Thank You note

Receive update if necessary?

Hi @JangoSteve, great thing you've got going on here. :)

I found this and I gotta say it's a genius solution to a simple problem. Who needs images when you can just use CSS. :)

So I want to implement this in my website but I want to make sure it works well with today's browsers.

So this is just a friendly request for a yes or no answer, does this work with all modern browsers? Except with IE since I know there's a pull request (#4) for that.

Thanks again! :)

PhoneGap Mobile compactibility

Calling $('.selector').emoticonize(); in a PhoneGap android app will result Timeout error and will lead the app to cash.