Plugins
Home

The plugins site is currently in development.

We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.

help


jHelp - context sensitive draggable form help

Submitted by RabidJay on August 5, 2010 - 2:44am

The jHelp plug-in provides easy to implement, draggable, context-sensitive help for your web forms.

Users can open the jHelp Panel by either clicking a Help Icon next to each field, or in I.E. by pressing the F1 key. jHelp automatically inserts the form's Help Icons and generates a Help Index.

jHelp sets the form focus to whichever field's Icon was clicked, displays the appropriate Help Text and, styles the selected field according to your CSS definition.

If the user leaves the panel open, the panel's help text is updated as the user moves from field to field.

Help Text you define is stored in an XML file and loaded by Ajax. The Help Panel CSS and HTML are fully cusomizable.

Sliding Panel

Submitted by DJZiaK on May 11, 2010 - 9:08am

Sliding Panel is a lightweight, unobtrusive, yet extremely useful and effective jQuery plugin.

Its goal is to provide a simple way to turn any DOM element into a retractable, sliding panel. The panel slides in when the user hovers a tab on the side of your page. You can also choose to load the page with the panel opened by default. If you do so, you can define a trigger which will slide the panel out. Then the default behavior will be applied (hover the tab to show the panel).

It was created to fulfill the need of showing examples and help on webpages in a really easy and intuitive way.

Hopefully, it was designed with extensibility in mind, so you can use it not only to display help or examples, but also to display anything you want : an options panel for example. Just call :

$(your_DOM_element).slidingPanel();

Contactable+IzzyHelp - jQuery Plugin

Submitted by supersiteme on January 14, 2010 - 4:43pm

jQuery plugin designed to make contact/feedback forms simpler and more accessible, connected with IzzyHelp handy FAQ.

This plugin will enable you to create a contact form and handy FAQ menu on any page of a site with minimal effort. If you have ever seen the feedback forms provided by kamypyle you will be familiar with the technique they use, however contactable makes this process even simpler by overlaying the content onto your page quickly and easily with a slide effect and inline validation.

Form advisor

Submitted by mikolajewskip on August 21, 2009 - 2:33pm

Little plugin to describe form inputs in friendly way.

Set class "show_advice" for your inputs, write description in title attribute and load plugin:

$(document).ready(function()
{
    $.formAdvisor();
});

See example on http://gamma.mini.pw.edu.pl/~mikolajewskip/jq_advisor/

JQuery Help Tooltip v1.0

Submitted by elkadrey on June 23, 2009 - 8:41am

JQuery Help Tooltip v1.0

$(Element).helptooltip();

put the help icon by easy way

Powered by Expbuilder

http://www.expbuilder.com

webmaster@expbuilder.com

jTipster

Submitted by sldhana on March 11, 2009 - 9:41pm

What is jTipster? Remember the times you would like to add notes to a picture, but there were no other ways to do it without firing up Photoshop. The problem with that is the content added to the picture was not easily changed, you needed some Photoshop skills and well, not SEO friendly.
So, what is it again? Well, jTipster allows you to add “markers” to a picture. For each marker added, you can add short or long captions that appear on rollover.

qTips

Submitted by wilhelm on February 20, 2009 - 12:39am

qTips is a killer-simple one-line implementation of a tooltip effect. Using this you can easily attach multiple, highly customizable tooltips to any element within your document.

jPassword : check strength, build and give tips for creating a strong password

Submitted by rvdevsign on January 24, 2009 - 4:59pm

jPassword checks and gives help messages to write a strong password.

More, it generates on demand personnalized password.

Help messages can be localized and shown in a tooltip or directly after input.

Usage example:

      $("input").jpassword({
            length: 6,
            onComplete: function(){ doThis(); }
      });

Jquery TextBox Help Plugin

Submitted by metoikos on January 21, 2009 - 9:52am

This plugin will add new behaviour your textboxes.
With this plugin, you can set help text inside to texbox. When user click to text box, help text will disappear. If, user leave text box without type anything, your help text come back and it will show again.

In addition, plugin supporting for focus css styling. It will add automaticly "focus" class to your text box, when user click inside it. When user click somewhere else, "focus" class will be removed.

Basic Usage:

$().ready(function(){
  $('#search').textboxhelp({help:'Search!'});
});

Basic Usage With Custom Class:

$().ready(function(){
  $('#search').textboxhelp({help:'Search!', focuscls:'custom_cls'});
});

That's all.