Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

other way? #74

Open
wants to merge 64 commits into
base: content-editable
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
64 commits
Select commit Hold shift + click to select a range
9a52e62
Update jquery.emojipicker.js
Method-es May 25, 2015
d6942ba
Merge pull request #16 from Method-es/master
jenwilhelm May 26, 2015
e2473e6
Added position support (left/right)
Method-es May 27, 2015
0f2437d
Merge pull request #17 from Method-es/master
jenwilhelm Jun 13, 2015
8710180
change event on input #23
MerlinMason Aug 4, 2015
17f42bc
keyup event trigger and notes added to demo
MerlinMason Aug 12, 2015
8968fd2
Merge pull request #24 from MerlinBB/master
jenwilhelm Aug 14, 2015
5d95aa0
Use normal for loop instead of for/in
bdmac Dec 9, 2015
0d3be02
Merge pull request #32 from CheckMateIO/bugfix/dumber-loop
makenai Dec 9, 2015
91a1b3d
Adding grunt-cli
makenai Dec 9, 2015
2bf45c7
Release v0.1.2
makenai Dec 9, 2015
1b81d6a
Release v0.1.3
makenai Dec 9, 2015
6d0c860
Adds a recently used tab/section to the picker.
jenwilhelm Dec 29, 2015
bdcf26c
Hover state for emojis, nicer tab styling.
jenwilhelm Dec 29, 2015
136d6e9
Added sexy hover state for emojis, added shortcode section to bottom …
jenwilhelm Dec 30, 2015
2aa5ecc
Adds search feature.
jenwilhelm Dec 30, 2015
6ac780c
Implemented scroll functionality instead of separate tabs for section…
jenwilhelm Jan 4, 2016
563d2fa
Style for category names until proper taxonomy is built out. :turtle:
jenwilhelm Jan 4, 2016
83811a6
Updated documentation.
jenwilhelm Jan 4, 2016
f782cd0
Fix json parse errors when localstorage is empty.
zpnk Jan 5, 2016
150181e
Scroll scroll scroll and scroll some more! :scroll:
zpnk Jan 6, 2016
25cd149
Fix position issue causing awkward height calculations.
zpnk Jan 6, 2016
fe38e3b
Added custom icons to picker tabs.
jenwilhelm Jan 6, 2016
2a28487
Merge branch 'pickerUpdates' of github.com:jenwilhelm/jquery-emoji-pi…
jenwilhelm Jan 6, 2016
4fc60a2
Fixed awkward icon shift in tab change. :cherries:
jenwilhelm Jan 6, 2016
81d7fe4
Scroll event for active tabs. :ghost:
jenwilhelm Jan 6, 2016
35af700
Adds pretty labels for category names. :bee:
jenwilhelm Jan 6, 2016
10a930f
Taxonomy for People, Nature, Food. :grin: :dolphin: :pizza:
jenwilhelm Jan 6, 2016
41bd1e9
Fixed click/hover event for dynamic emojis, taxonomy for sports and t…
jenwilhelm Jan 6, 2016
97b2998
Moar taxonomy... oof. Finished. :tada: :confetti_ball:
jenwilhelm Jan 7, 2016
20132d3
Changes search input to search instead of text, triggers search event…
jenwilhelm Jan 8, 2016
eaf7456
Fixed scroll issue, removed old files. :banana:
jenwilhelm Jan 8, 2016
97a9898
Another scroll bug, fixed styling on last tab. :balloon:
jenwilhelm Jan 8, 2016
4800042
Removes emojis with ranges until I figure out how to get the images t…
jenwilhelm Jan 8, 2016
644db45
Updated README. :newspaper:
jenwilhelm Jan 8, 2016
5f9af3c
Adds hover event to tabs and displays category title. :sunflower:
jenwilhelm Jan 8, 2016
7975e04
Emoji of the day for blank shortcode field. Hover style for tabs. :do…
jenwilhelm Jan 9, 2016
d9f2b65
Fix for when Recently Used doesn't appear to start. :octopus:
jenwilhelm Jan 9, 2016
8ba9c1e
Merge pull request #35 from jenwilhelm/pickerUpdates
makenai Jan 13, 2016
046a7f0
Random is more descriptive than Daily
makenai Jan 13, 2016
7a91c5f
Release v0.2.0
makenai Jan 13, 2016
16ba631
Return better name of plugin instance. :frog:
jenwilhelm Jan 26, 2016
da0d0e7
Merge pull request #38 from wedgies/pluginName
jenwilhelm Jan 26, 2016
048e900
Adds onShow/onHide handlers. :tropical_drink:
jenwilhelm Jan 26, 2016
43c3cda
Includes extra parameters. :sake:
jenwilhelm Jan 26, 2016
f369414
Merge pull request #39 from wedgies/onShowHide
jenwilhelm Jan 26, 2016
0fdb982
emojiPicker('destroy')
zpnk Jan 28, 2016
2410eb7
Merge pull request #40 from wedgies/destroy
jenwilhelm Feb 2, 2016
53c2855
Fire an actual change event on emoji input
makenai Jun 3, 2016
149edde
Merge pull request #49 from wedgies/inputEvent
makenai Jun 3, 2016
f8a4ca2
Fix a bug related to clicking on emojis
Sep 4, 2016
d67c5d2
Checks for mobile before calling destroy().
jenwilhelm Nov 16, 2016
667392f
Merge pull request #53 from wedgies/mobile-destroy
jenwilhelm Nov 16, 2016
229369e
Merge pull request #51 from garysheng/patch-1
makenai Jun 12, 2017
c47fc75
Release v0.2.1
makenai Jun 12, 2017
250aa98
Release v0.2.2
makenai Jun 12, 2017
9a596c8
Update README.md
makenai Jun 17, 2018
edaa09e
Merge branch 'content-editable' into master
ellscha Dec 3, 2018
7819e0b
Update jquery.emojipicker.js
ellscha Dec 3, 2018
51dd1c7
remove green debugging aid
ellscha Dec 3, 2018
d732ed3
functionality
ellscha Dec 10, 2018
89cc7d6
Update jquery.emojis.js
ellscha Dec 10, 2018
6988301
Update jquery.emojipicker.js
ellscha Dec 18, 2018
7c26650
Update jquery.emojipicker.js
ellscha Jan 10, 2019
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
58 changes: 49 additions & 9 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,9 @@
# jQuery Emoji Picker #

## Unmaintained Notice ##

This code is not currently maintained. Feel free to fork away!

## Description ##

The top 3 things your users love:
Expand Down Expand Up @@ -34,43 +38,40 @@ Add the following to your `<head></head>` tag:

<!-- Emoji Data -->
<link rel="stylesheet" type="text/css" href="css/jquery.emojipicker.a.css">
<script type="text/javascript" src="js/jquery.emojipicker.a.js"></script>
<script type="text/javascript" src="js/jquery.emojis.js"></script>
```

The jQuery Emoji Picker has 3 icon sets to choose from - Apple, Twitter, and Google icons. The Apple icons are used by default. To instead use Twitter or Google icons, replace:
The jQuery Emoji Picker has 3 icon sets to choose from - Apple, Twitter, and Google icons. The Apple icons are used by default. To instead use Twitter or Google icons, replace the stylesheet:

```html
<link rel="stylesheet" type="text/css" href="css/jquery.emojipicker.a.css">
<script type="text/javascript" src="js/jquery.emojipicker.a.js"></script>
```

with either Google:

```html
<link rel="stylesheet" type="text/css" href="css/jquery.emojipicker.g.css">
<script type="text/javascript" src="js/jquery.emojipicker.g.js"></script>
```

or Twitter:

```html
<link rel="stylesheet" type="text/css" href="css/jquery.emojipicker.tw.css">
<script type="text/javascript" src="js/jquery.emojipicker.tw.js"></script>
```

Initialize the jQuery Emoji Picker by calling `emojiPicker` on an input element with optional parameters, described below:

```javascript
$('.question').emojiPicker({
height: '300px',
width: '450px'
width: '450px'
});
```

## Parameters ##

### width (int) ###
The width of the picker in pixels. Must be between 200-600px. Defaults to 200px if no width is specified.
The width of the picker in pixels. Must be between 280-600px. Defaults to 280px if no width is specified.

### height (int) ###
The height of the picker in pixels. Must be between 100-350px. Defaults to 250px if no height is specified.
Expand All @@ -84,9 +85,36 @@ The color of the smiley image that appears on the picker button. Acceptable valu
### iconBackgroundColor (string) ###
The background color of the picker button. Any hex value is acceptable. Defaults to '#eee' if no iconBackgroundColor is specified.

### recentCount (int) ###
The number of emojis that should show in the 'Recently Used' section. Defaults to 36 if no recentCount is specified.

Note: 'Recently Used' will only show for the user if their browser supports HTML5 Local Storage.

### button (boolean) ###
Whether to show the emoji button on the input or not. Defaults to true. If you hide the button, you will probably need to trigger the emoji entry manually (see below).

### onShow (function) ###
Triggered once the emoji picker appears. `picker` (Object), `settings` (Object), and `isActive` (boolean) are returned. Example usage:

```javascript
$('#question').emojiPicker({
onShow: function(picker, settings, isActive) {
...
}
});
```

### onHide (function) ###
Triggered once the emoji picker disappears. `picker` (Object), `settings` (Object), and `isActive` (boolean) are returned. Example usage:

```javascript
$('#question').emojiPicker({
onHide: function(picker, settings, isActive) {
...
}
});
```

## Triggering Emoji Picker Manually ##

To trigger the button manually, you can call a jQuery function on the same element you bound it to.
Expand All @@ -97,6 +125,18 @@ $('#question').emojiPicker('toggle');

You can see an example of this in the [demo](http://wedgies.github.io/jquery-emoji-picker/demo.html).

## Destroying the Emoji Picker ##

To remove the the emoji picker html and event listeners, simply call the emoji picker function with the `destroy` option:

```javascript
$('#question').emojiPicker('destroy');
```

An example of this can be found in the [demo](http://wedgies.github.io/jquery-emoji-picker/demo.html).



## Notes ##

jQuery Emoji Picker is disabled for mobile devices, which already support the emoji keyboard.
Expand All @@ -120,8 +160,8 @@ The jQuery Emoji Picker was developed by the team at [Wedgies](http://www.wedgie

Wedgies is a digital survey platform that gives media, journalists and brands in-line survey capabilities inside social media, their website, and their apps — where they can collect millions of opinions from their readers and users. Wedgies is the leading social survey platform that enables publishers to collect survey respondents directly within social media streams.

Wedgies, a darling of Tony Hsieh’s Las Vegas’ Vegas Tech Fund, is backed by an all-star list of investors including Greycroft, Advancit Capital, MESA Ventures, Knight Foundation, kbs+ Ventures, Battle Born Ventures, Twilio, 500 Startups and SV Angel.
Wedgies is backed by an all-star list of investors including Vegas Tech Fund, Greycroft, Advancit Capital, MESA Ventures, Knight Foundation, kbs+ Ventures, Battle Born Ventures, Twilio, 500 Startups and SV Angel.

Wedgies founding team consists of top talent in developer tools and community management with experience that includes Zappos.com, Overstock.com, and Backcountry.com.
Wedgies' founding team consists of top talent in developer tools and community management with experience that includes Zappos.com, Overstock.com, and Backcountry.com.

[![Built with Wedgies](https://d3v9r9uda02hel.cloudfront.net/production/1.55.17/img/built-with-wedgies.png)](http://wedgies.com)
2 changes: 1 addition & 1 deletion bower.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "jquery-emoji-picker",
"version": "0.1.1",
"version": "0.2.2",
"homepage": "https://github.com/wedgies/jquery-emoji-picker",
"authors": [
"Wedgies, Inc"
Expand Down
2,135 changes: 1,280 additions & 855 deletions css/jquery.emojipicker.a.css

Large diffs are not rendered by default.

53 changes: 40 additions & 13 deletions css/jquery.emojipicker.css

Large diffs are not rendered by default.

2,124 changes: 1,247 additions & 877 deletions css/jquery.emojipicker.g.css

Large diffs are not rendered by default.

Loading