WP Grins – Lite

23. Jun, 2008 45 Comments - Leave your comment

  

A while back, when I released the new commenting section for this blog, one of the requests was the inclusion of smilies.

I installed WP Grins, but the overhead of the Prototype library was immediately noticable on the site.

Since I was already using jQuery here, it was apparent I wanted to port the plugin over.

WP Grins

I worked on a “lite” version on Friday, and talked to Alex King to see if it was okay to give you guys a download. He mentioned that he would be happy to do an update to the existing plugin, but had to do his own internal testing to make sure the lite version wouldn’t break blogs.

Until Alex is able to make an official release, I’m going to post a download link here for you all to check out.

Download Link

Here is the download link for WP Grins Lite.

The only difference between this plugin and the original is the use of the jQuery library.

Installation Instructions

Unzip the “wp-grins-lite.zip” file and copy the “wp-grins-lite” folder into your WordPress plugins directory.

From there, just activate the plugin in your admin plugin options.

WordPress Versions

This plugin has only been tested on WP 2.5, but there’s no reason why it shouldn’t work for 2.2+ installations.

Conclusion

WP Grins Lite is simply a port from the Prototype library to jQuery. The functionality should still be the same, but the footprint lighter.

Related Articles


If you like this article, please consider signing up for RA Project Daily Updates via email or directly to the RA Project RSS Feed http://feeds.feedburner.com/RAproject. Thank you!





WordPress
, ,

Show / Hide Comment Context Filter

45 Comments on “WP Grins – Lite” - Add yours!

  1. Not A Niche Reply 25. Jun, 2008 at 8:41 am

    WordPress Version : WP 2.5x, Browser : Firefox 3

    Thanks Ron, I used this plugin but took it out because of using prototype. I will try out yours, which will be much better for the website performance, I’m sure! Thanks for the great work.

  2. Ronald Huereca Reply 27. Jun, 2008 at 3:05 pm

    @NaN,

    Hope it works out for you.

  3. Tom Riddle Reply 08. Jul, 2008 at 1:46 am

    WordPress Version : WP 2.5x, Browser : Firefox 2.x

    In Write Post section, I click on the smilies but it doesn’t append smilies’ code into textarea. How can I fix it ?

  4. Ronald Huereca Reply 09. Jul, 2008 at 10:35 pm

    @Tom,

    That’s weird because it works for me on the Write Post section using FF 2.x also. So I’m not sure how to fix.

    If you have any other blogs, could you try it on those? If it works then, then I suspect a plugin conflict.

  5. Chris Jean Reply 17. Jul, 2008 at 3:34 pm

    WordPress Version : WP 2.5x, Browser : Firefox 3

    Actually, I’m using 2.6, but it’s not an option.

    After playing around with the plugin a bit, I found an odd inconsistency. On one of my sites, the plugin worked just fine, but on the other, it functioned just as Tom Riddle indicated.

    I looked at the Error Console on the site that didn’t work, and found the following error each time I clicked an emoticon:

    Error: tinyMCE.selectedInstance.repaint is not a function

    I replaced these two lines:

    tinyMCE.execInstanceCommand(‘mce_editor_0′, ‘mceInsertContent’, false, ‘ ’ + tag + ‘ ’);
    tinyMCE.selectedInstance.repaint();

    with these two lines:

    tinyMCE.execCommand(‘mceInsertContent’, false, ‘ ’ + tag + ‘ ’);
    tinyMCE.execCommand(‘mceRepaint’);

    After making this change, the code worked on both sites. Since both are running version 2.6, the problem has to be a plugin incompatibility. I’m still looking at seeing if I can find more details on the problem.

  6. Ronald Huereca Reply 21. Jul, 2008 at 8:58 pm

    @Chris,

    I haven’t tested this on 2.6, but will shortly. I know there is an issue with WP 2.6 and jQuery (if other libraries are running). I’m pressed for time, and this is a side project, but I will try to get it to work using your suggestions.

  7. Chris Jean Reply 21. Jul, 2008 at 9:00 pm

    BTW… Hello again Ronald. This is the same Chris that hung out at the pub after WordCamp Dallas with Alex and some of the other WBTC guys.

    After all these months, I’m finally getting my head out in the WordPress world.

  8. Ronald Huereca Reply 21. Jul, 2008 at 9:07 pm

    Oh, sorry, didn’t recognize the name. But now I do. I have several pictures of you on my Flickr account :)

    That’s good you’re getting out.

  9. Chris Jean Reply 21. Jul, 2008 at 9:17 pm

    That’s odd. Most people remember my glowing blue computer chassis face. ;)

    I checked out those flickr images… Good stuff. That was a fun weekend.

    Anyways, back to business. I’ve advanced tremendously in terms of plugin development. If you ever need a hand, just drop me a line, and I’d be glad to help you out.

  10. Andrei Neculau Reply 25. Jul, 2008 at 11:21 am

    Thanks for a great MOD!

    Chris Jean’s suggestion worked brilliant! I had the same issue.

    Cheers!

  11. Greg Reply 02. Aug, 2008 at 10:24 am

    WordPress Version : WP 2.5x, Browser : Firefox 3

    Thanks for this mod ! :wink:

  12. Loammapeneage Reply 03. Aug, 2008 at 12:00 am

    WordPress Version : WP 2.5x, Browser : Firefox 3

    I agreed with you

  13. HotForWords Reply 04. Aug, 2008 at 1:05 am

    Browser : Firefox 3

    I am running 2.6 and this plugin loads itself 4 times in the header! I mean it loads the whole loadGrins, onclicks.. etc.. 4 times in my header.. I turn it off.. gone.. activate it.. boom.. loaded 4 times!

    Any idea why?

    I really want to use this as I am weening myself off of prototype.js.. and this is the last item I need to change!

    Thanks!

    Marina
    http://www.hotforwords.com

  14. Ryder Reply 04. Aug, 2008 at 6:44 pm

    Browser : Firefox 2.x

    Nice work on the plugin modification!

    The original wp-grins was about the last thing could not get working on my blog since upgrading to 2.6 version.

    I tried a few things to modify the original and make it work and did have the original grins working in the admin area but not on the front end comment section.

    This little WP Lite plugin worked like a champ on my WP 2.6 blog.

    So glad I found it! Nice to have my smilies back. :mrgreen:

  15. Ronald Huereca Reply 04. Aug, 2008 at 10:17 pm

    @HotForWords,

    I’ll need to have a look at your header.php file. Please file a bug report and attach a zip containing the file.

    @All,
    I plan on updating this this weekend for 2.6. Sorry for the delay. Client work comes first :)

  16. HotForWords Reply 05. Aug, 2008 at 3:01 am

    Thanks! I submitted a big report, I believe.. it looked like I got an error message for a second after hitting submit.. but then it took me to the completed page.. so I’m not sure if it went through.

    Thanks!
    MARINA

  17. Ronald Huereca Reply 07. Aug, 2008 at 9:33 pm

    Hey everyone,

    Updated the download link to implement Chris Jean’s suggestions, as well as “hopefully” fix HotForWords (like your videos btw) problems.

    Please give some feedback if it did/didn’t work for you.

    Ronald

    PS: Version is 1.1

  18. abah Reply 19. Aug, 2008 at 4:38 pm

    WordPress Version : WP 2.5x, Browser : Firefox 3

    grins lite work great in my dashboard, but not in my comment area. i am not sure about wp-head (that noted in readme.txt), any suggestion?

  19. Ronald Huereca Reply 19. Aug, 2008 at 5:33 pm

    @Abah,

    Make sure your theme’s header.php has this in the HEAD tag.

    <?php wp_head(); ?>

  20. Aouni Reply 30. Aug, 2008 at 4:02 pm

    WordPress Version : WP 2.6x, Browser : IE 7

    Am getting this error when I activate the plugin: Warning: Invalid argument supplied for foreach() … on line 48

  21. Noel Reply 23. Oct, 2008 at 3:17 am

    WordPress Version : WP 2.6x

    This past few days, I was trying this mod out and to my disappointment – it doesn’t work with my WP. But this morning when I checked I think it is working – dunno how or why? I remembered using this in a previous version of WP where I can even manage to edit my smilies or emoticons. Before I could add a few smilies and edit the codes as well but now I don’t see any link to even manage my smilies. Do you know where I should look at or edit? I would really be grateful. Thank you very much.

  22. DarkWolf Reply 24. Oct, 2008 at 9:58 am

    WordPress Version : WP 2.6x, Browser : Firefox 3

    Hi!
    I have installed this plugin (wp-grins make a conflict with ajax-edit-comment instead wp-grins-lite works fine).
    I have also test to validate my site (W3C) but after installation of wp-grins-lite i receive 5errors and some warnings.
    I have fixed simply with this:
    Open: wp-grins.php
    Search:

    function loadGrins()

    Replace with:

    <!–
    function loadGrins()

    Now search:

    }

    <?php
    } //end function wp_grins_js

    Replace with:

    }
    //–>

    <?php
    } //end function wp_grins_js

    Now your validation is good and all works ok! :)

  23. billythekid Reply 14. Nov, 2008 at 10:07 am

    WordPress Version : WP 2.6x, Browser : Firefox 3

    Thanks for a great plugin, the javascript part of the plugin does need <!– –> added to automatically validate but otherwise brilliant.

    I’m glad you did this as the breaking of WP-Grins was driving me mad, it’s amazing how much you come to rely on things isn’t it!

    btk

  24. LeapFrog Reply 17. Jan, 2009 at 9:04 pm

    WordPress Version : WP 2.5x, Browser : Safari

    nice plugin! How do I disable smilies in my write post area? I just need smilies in my comments only.

  25. cwebb Reply 19. Jan, 2009 at 5:21 am

    WordPress Version : WP 2.6x, Browser : Firefox 3

    Hi, nice plugin, but I want to remove the javascript (loadGrins etc) into an external file because it’s huge in the source code but then I don’t see the smileys when trying to post a comment…

  26. Jewellery Reply 21. Feb, 2009 at 12:18 pm

    This is nice plugin. Smiley make comment more colorful. Cool!

  27. Razvitie Usluga Reply 07. Apr, 2009 at 2:56 am

    WordPress Version : WP 2.6x, Browser : Firefox 3

    Wow, Ronald Huereca, You are great!
    Thanks for such beautiful option!
    :)

  28. Pozycjonowanie Poznan Reply 27. Apr, 2009 at 5:58 am

    It’s nice that they’re getting smaller and smaller but I think these days people have fast enough internet connections so they don’t have to worry about smilies.

  29. Melanie Reply 20. May, 2009 at 3:01 pm

    Browser : Firefox 3

    Thanks for a great plugin, the javascript part of the plugin does need added to automatically validate but otherwise brilliant.

  30. Samuel Reply 20. May, 2009 at 3:16 pm

    WordPress Version : WP 2.6x, Browser : Firefox 3

    Thanks for a great plugin, the javascript part of the plugin does need added to automatically validate but otherwise brilliant.I want to remove the javascript (loadGrins etc) into an external file because it’s huge in the source code

  31. Bryan Karl Reply 30. May, 2009 at 7:50 pm

    WordPress Version : WP 2.6x, Browser : Firefox 3

    Hi! Thank you very much for the lite versin of WP Grins! The original WP Grins actually doesn’t work when I make a post and it also messes up my homepage. This lite version is 100% functional! Thanks so much!

  32. 3910 Reply 17. Jun, 2009 at 10:48 pm

    WordPress Version 2.8 Browser IE8
    good Plugin. Thank you…

  33. Pozycjonowanie Reply 09. Feb, 2010 at 3:17 pm

    Updated the download link to implement Chris Jean’s suggestions, as well as “hopefully” fix HotForWords (like your videos btw) problems.

  34. Brian Reply 16. Mar, 2010 at 12:36 pm

    Thanks for the download. I love this plug-in, though it doesn’t always work well with all versions of word press; it definitely adds a little more life into my blog. I have mainly been using grins 1.4, but found that several visitors had a problem with this. Apparently there is a compatibility issue with my version of word press, but this lite version works like a charm.

Trackbacks/Pingbacks

  1. ronalfy - 23. Jun, 2008

    WP Grins Lite using jQuery – http://tinyurl.com/6l3d8p
  2. DK's BLOG » Emoticons Pack For WordPress - 06. Jul, 2008

    [...] Delete: ‘:ideas:’ => ‘icon_ideas.gif’, and ‘:arrow:’ => ‘icon_arrow.gif’, 4. Download WP Grins Lite and install the plugin. 5. Active WP Grins Lite in [...]
  3. ronalfy - 08. Aug, 2008

    I’ve silently released test versions of Ajax Edit Comments and WP-Grins-Lite. The latter can be found: http://tinyurl.com/6l3d8p
  4. Britt Malkas edb-blog » Blog Archive » Nemme smileys til kommentarerne - 04. Sep, 2008

    [...] Du kan hente den her: http://www.raproject.com/wordpress/wp-grins-lite/ [...]
  5. 蝎子’s life » 我用的WordPress插件 - 07. Jan, 2009

    [...] WP Grins Lite 刚才整理插件的时候，发现有个老外把WP [...]
  6. Recommended Plugins « YayThemes - Theme Previewer - 25. May, 2009

    [...] WP Grins Lite – This allows your visitors and yourself to add smilies with one click. [...]
  7. wp-grins-lite: Meine Idee dedlaut! « Meine Domain war schon weg - 19. Jul, 2009

    [...] wirklich: Da hat jemand nur das wp-grins-Plugin von der JavaScript-Library “prototype” auf die in WordPress [...]
  8. Yay! Themes » Recommended Wordpress Plugins - 17. Aug, 2009

    [...] WP Grins Lite – This allows your visitors and yourself to add smilies with one click. [...]
  9. WP-Grins ??? ???? - 02. Dec, 2009

    [...] http://www.raproject.com/wordpress/wp-grins-lite/ [...]
  10. Two Plugin Updates – Ajax Edit Comments and WP Grins Lite | The Reader Appreciation Project - 13. May, 2010

    [...] WP-Grins, written by Alex King, was ported over by me to the jQuery library. For those not familiar with jQuery, it’s a far less bandwidth-intensive library compared to Prototype. The end result was WP-Grins Lite. [...]
  11. ?????????Web????????????Web??????hiroyuki???? – ?????????delrio.co.,ltd? - 11. Jul, 2010

    [...] ????????????WP Grins Lite??? [...]

Leave a comment

Please include your real name or nickname, along with your business name if you wish, in the "Name" box above. If you use only keywords in your name, a random name will be assigned to your comment.