Minimal Emoji Rating Plugin With jQuery - Emoji Ratings

File Size: 62.6 KB
Views Total: 3229
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Minimal Emoji Rating Plugin With jQuery - Emoji Ratings

Emoji Ratings is a simple, lightweight jQuery star rating plugin that uses emoji unicode characters for rating symbols.

Basic usage:

1. Load the jquery.emojiRatings.js script after loading jQuery library but before you close the body tag.

<script src="//code.jquery.com/jquery-1.12.0.min.js"></script>
<script src="src/jquery.emojiRatings.js"></script>

2. Create a wrapping element for the rating plugin.

<div id="element"></div>

3. Call the emojiRating() method to initialize the rating plugin with default options. The plugin will generate a hidden input with the name specified in the JavaScript (default: rating).

$("#element").emojiRating({
  // options here
});

4. Plugin's default settings.

$("#element").emojiRating({

  // Unicode
  emoji: "U+2B50",

  // the number of stars
  count: 5,

  // font size
  fontSize: 16,

  // input name
  inputName: "rating",

  // callback
  onUpdate: null
  
});

5. Emoji dictionary.

  • smile: "U+1F603",
  • wink: "U+1F609",
  • laughing: "U+1F606",
  • blush: "U+1F60A",
  • heart_eyes: "U+1F60D",
  • kissing_heart: "U+1F618",
  • heart: "U+2764",
  • heart_with_arrow: "U+1F498",
  • broken_heart: "U+1F494",
  • tongue_out_wink: "U+1F61C",
  • tongue_out_eyes_closed: "U+1F61D",
  • angry: "U+1F620",
  • crying: "U+1F622",
  • scream: "U+1F631",
  • pray: "U+1F64F",
  • poo: "U+1F4A9",
  • star: "U+2B50"

Change log:

2016-03-17

  • Added onUpdate callback

2016-03-10

  • Added shortname dictionary with 16 emojis

This awesome jQuery plugin is developed by gellerby. For more Advanced Usages, please check the demo page or visit the official website.