Make Life Easier: jQuery Plugins
Mon, Oct 19, 2009 by David
With many of my past projects, I did have trouble adding little additions to sites to help make them more user friendly. For instance, adding help text for input boxes and/or organizing text with sliders and tabs, all make the user’s visit a lot easier. Over time I learned how to add such helpful additions with jQuery, and what can I tell you, it works like a charm! However, there are many plugins out there that offer the same things, so why reinvent the wheel?
One of these libraries I’ve come across is the Hint plugin. Basically it utilizes the title attribute of an input text box and adds the show/hide functions to the focus and blur events on the textbox for you. All you need to do is call the hint function on the selected textfield. You can also select multiple textfields and call hint to add the focus and blur events as well.
Another common plugin is the Accordion plugin. With the proper DOM setup, this library can turn a plain list into an interactive list with different visual effects. It’s highly customizable with different events as well.
Of course there are many more plugins out there, and ones that complement the two plugins above. However, both Hint plugin and Accordion plugin have really made my life a lot easier when adding finishing touches on a site. Feel free to post some other helpful libraries, which may have helped you.
David posted on October 20, 2009 6:24 pm
Yes, those are really helpful modules; thanks for pointing them out. I especially liked the Overlabel plugin. I'll be giving that a try the next chance I get. Very nice suggestions =D
Matthias posted on October 20, 2009 3:24 pm
... and why not take a look at JQuery plugin module?
http://drupal.org/project/jquery_plugin
It bundles those commonly used plugins like cycle and cookie. :-)
Jeremy Caldwell posted on October 19, 2009 10:10 pm
You may also want to try out the jQuery Overlabel: http://plugins.jquery.com/project/overlabel
I haven't used the Hint plugin before so I'm not sure how similar they are but judging by the demo they work similar.
I used the jQuery Overlabel here and it worked great: http://www.topnotchthemes.com/blog/081204/horizontal-user-login-block-us...
Anonymous posted on October 19, 2009 9:53 pm
There's also a plugin for views if you want to turn your views results into an accordion: http://drupal.org/project/views_accordion
Post new comment