Plugins

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.

click


Clear-Input

Usage

Requires jQuery version Add the class clear-input to any text input element whose value you want cleared when it gains focus. The initial value will be replaced when the input loses focus, and no new text has been entered.

If you prefer to not add classes to your elements, you can alternatively call clearInput() on any jQuery input object.

You can have multiple clear-input fields on a single page, and they will not conflict.

lazyHandler

lazyHandler is a jQuery plugin that gives ability to add event handlers to any DOM elements more efficiently and gives more "onload" performance on web pages that has lots of event bindings.

Action event

jQuery Action adds a new event to jQuery called "action", which is simply the equivalent of either a mouse click or pressing the enter key on a given element.

Instead of assigning clicks to everything, I wanted a simple way for users to also be able to tab through content and to fire events with a simple press of enter. jQuery (Focus) Enter and Leave Events ( http://plugins.jquery.com/project/enterleave-events ) also help out in with combined mouse/keyboard interactions.

Check github for the latest release!
http://github.com/Enideo/jquery-events-action

Enhanced user click simulation

jQuery .click() method simulates a user click event on HTML elements (with full support to propagation).
On the other hand, when used with anchors this method does not support the native (default) behaviour of anchor link. I mean that it doesn't open the href url in the specified target.
In the special case of anchors .click() doesn't fully simulate a user click.

This very simple plugin improves .click() method so that it can be used to simulate a user click on anchor too.

One Show Hide 1.0

One Show Hide is a jQuery Plugin which will hide list items and add a show/hide link which toggles the visibility. This plugin helps to solve the issue when you have a really long list, but only want to show the first 10-15 items, and hide the rest. And give the user the option to see the hidden items by clicking a link.

Longclick

Longclick is press & hold mouse button "long click" special event for jQuery 1.4.x. The event is triggered when the mouse button stays pressed for half a second (configurable) while the pointer is stationery.

Mouseout-Click

Provides the functionality to execute a callback-function when you click outside a specific DOM element.

Defer Load

This plug-in enriches the effect when you click on a link. Instead of instantly opening in a new window it adds a little loader graphic for the desired amount of seconds and than opens the page in a new window. This allows for the user to notice that he has requested a new page that will open momentarily, it also makes the user feel like the new page has been pre-loaded.

ClickScroller

Create a simple vertical or horizontal scrolling menu. It's super easy, just create a container, add an unordered list with the items you want scrolled, a little CSS and voila; ClickScroller! It's lightweight, simple and easy to customize as needed.

jQuery Image Map Emulator

Need to make any HTML element act like an image map, with areas that can be mouse over'd to reveal the link "hand" pointer that can easily be defined to go to either static URLs or run javascript callbacks? Then this is the plugin for you!

The plugin comes with two methods that can be run against jQuery selectors:

$('selector').imagecoords();

which is a method that lets you click on your elements to figure out the x,y coordinates to use, and then:

$('selector').imagemap(...);

The imagemap call takes an array of objects that define the points that can be clicked. An example is on the project website, and documentation is in the source file itself.