Accordion

Last changed: 9 weeks 3 days ago

This plugin creates an accordion menu. It works with nested lists, definition lists, or just nested divs. Options are available to specify the structure, if necessary, the active element (to display at first) and to customize animations. The navigation-option automatically activates a part of the accordion based on the current location (URL) of the page.

• Find out more
• Bugs and feature requests

• 1.2.x
• Menus
• Navigation
• User Interface

akModal: simplest alternative to thickbox

Last changed: 4 weeks 12 hours ago

akModal is the simplest way to achieve the modal dialog box or pop up box for simple purposes like showing signin box etc.

You will find it very useful when you need a lightbox kind of plugin that you can control, and customize for you requirements.

More information is at akModal article

• Find out more
• Bugs and feature requests

• Forms
• User Interface
• Windows and Overlays

Another Color Picker

Last changed: 43 weeks 1 day ago

This rudimentary color picker plugin was designed for use in small UIs. It does not use image files and does nothing fancy. It creates a number of small elements (normally SPANs) which, when clicked, activate a callback function, which is typically used to pass on the selected color to some other UI element(s) (e.g. to change a background, text, or border color). The list of colors it uses can of course be customized and the layout of the color list itself is somewhat configurable.

• Find out more
• Bugs and feature requests

• User Interface
• Widgets

Bigger link

Last changed: 29 weeks 12 hours ago

Makes it really easy to enable specified element/s to behave as a proxy for their first contained link.

Adds additional css classes to provide the means for the specified element to visually reflect focus and hover states of it's contained link/s.

• Find out more
• Bugs and feature requests

• Menus
• Navigation
• User Interface

BogoTabs

Last changed: 41 weeks 6 days ago

BogoTabs is [yet] another tabbed interface plugin for jQuery.

Aside from the conventional tabs it offers the ability to create "hidden tabs". That is, tabs which have no associated activation button, but can be displayed via programmatically activating them. This allows one to create their own custom buttons for tabs, e.g. on the sides or bottom of the tabbed panel.

It is not as complete/nice as "Klaus' Tabs" (i.e. "the" jQuery tabs), but it works and is easy to work with. Unlike Klaus' tabs, it does not "degrade gracefully" when used in a non-JS environment (but in fact no tabs plugin truly degrades gracefully because the tabs themselves are left laying around in completely unintended places when JS is not available).

• Find out more
• Bugs and feature requests

• Layout
• Navigation
• User Interface

brTip - Brazilian ToolTip

Last changed: 9 weeks 2 days ago

This jQuery plugin was inspired and based on various other plugins of tooltip, but this is better =)

1. Instalation:

   • Include jQuery
   • Include brTip
   • Include CSS of brTip

2. Select the element and apply:

   • $('.brTip').brTip();
   • $('img').brTip();

3. It's full customizable with options. The options is explained here:

   fadeIn: Number or String ('') - Speed of fadeIn

   fadeOut: Number or String ('') - Speed of fadeOut

   toShow: Number (100) - Delay time (ms) to show

   toHide: Number (500) - Delay time (ms) to hide

   opacity: Number (0.8) - The brTip opacity, from 0 - 1

   top: Number (1) - The top position of brTip is sum of mouse position with this

• Find out more
• Bugs and feature requests

• User Interface

Chili

Last changed: 32 weeks 5 days ago

Chili is the jQuery code highlighter
Latest version: 1.9 (2007-09-24)

Chili directly supports highlighting of JavaScript, jQuery, PHP, XHTML, MySQL, Java, C++, C#, CSS, Delphi, and LotusScript. Additionally, it's fairly easy to add a new recipe for any other language by means of regular expressions.

• very fast coloring (3000 lines in less than 1 second)
• trivial setup
• fully customizable
• thoroughly documented
• MIT licensed

See also: Hot Chili

• Find out more
• Bugs and feature requests

• DOM
• JavaScript
• Layout
• User Interface

clueTip - flexible, enhanced tooltip

Last changed: 1 day 17 hours ago

The clueTip plugin allows you to easily set a link, or any other element, to show a tooltip when the user's mouse hovers over it. If the link includes a title attribute, its text becomes the heading of the clueTip.

The contents of the clueTip can come from a separate file via AJAX, an element on the current page when set to "local," or the title attribute with a designated delimiter.

The clueTip offers smart positioning relative to the linked element or the mouse.

It takes advantage of Brian Cherne's fantastic hoverIntent plugin if it's available (just include it in a tag if you want the clueTip to use it), and comes with many options, all of which are documented in the source comments and on the demo page.

• Find out more
• Bugs and feature requests

• User Interface

Confirmer

Last changed: 42 weeks 15 hours ago

Confirmer implements a novel approach to the process of confirming an action. Normally this is achieved via a yes/no dialog box or a button with a "confirm" checkbox next to it. The Confirmer plugin instead sets up a single button which changes to a "confirm the action" state if it is clicked one time. If the button is clicked again within a specified time then the action is confirmed, otherwise it times out and returns to its initial state.

• Find out more
• Bugs and feature requests

• User Interface
• Widgets

Countdown

Last changed: 17 weeks 3 days ago

A simple yet usefull plugin

It'll countdown time in seconds, untill zero. Then may reload the page.

example:
wait

It will show progressively:
50 secs = 00:50
3600 secs = 01:00:00
86400 secs = 1d 00:00:00
etc.

• Find out more
• Bugs and feature requests

• Animation and Effects
• DOM
• JavaScript
• User Interface

Date Input

Last changed: 12 weeks 1 day ago

Date Input is a no frills date picker plugin for jQuery. It is:

• Small (about 250 lines of code)
• Fast
• Pretty by default

• Find out more
• Bugs and feature requests

• Forms
• User Interface
• Widgets
• Windows and Overlays

dirLister

It's a directory lister

download to http://download.guistalk.com/js/jQuery/

DEFAULT VALUES :

USAGE :

• Find out more
• Bugs and feature requests

• Ajax
• Navigation
• User Interface

Dynamic Flash Messages

Last changed: 14 weeks 5 days ago

Overview

Flash messages are messages displayed in response to user interaction with a site. Typically these are displayed as success or failure messages after performing an action which submits a form, or in response to an attempt to access a resource for which the user does not have permission.

Flash messages are useful and provided with several systems automatically; TurboGears, for instance, provides a tg_flash variable to all templates and exposes a flash method which can be used to display a message on the next page load.

This is a simple script which gives this functionality to jQuery, so you can display flash messages in response to dynamic events such as AJAX calls.

• Find out more
• Bugs and feature requests

• Events
• User Interface
• Utilities

Email Defuscator

Last changed: 31 weeks 6 days ago

About

This is a very simple plugin that allows you to hide email addresses from spambots while still being accessible. Visitors with JavaScript enabled browsers will see the email addresses correctly, while those without JavaScript will be provided with instructions for retrieving your email address. Spambots will see this same information, but won't know that it's an email address.

Obfuscate

For this plugin to defuscate email addresses, you first have to obfuscate them. This is very easy. Instead of writing name@example.com, you write:
name(put the 'at' sign here)example.com

What goes into the paranthese is up to you. You can even do:
name(replace this paranthese with the 'at' sign to get my email address)example.com

The Defuscator will recognize the obfuscated email address and defuscate it. This also works on mailto links such as:

• Find out more
• Bugs and feature requests

• User Interface
• Utilities

Flexigrid for jQuery

A lightweight but rich data grid with resizable columns and a scrolling data to match the headers, plus an ability to connect to an xml based data source to load the content.

Similar in concept with the Ext Grid only its pure jQuery love, which makes it light weight and follows the jQuery mantra of running with the least amount of configuration.

Features

• Resizable columns
• Resizable height
• Sortable column headers
• Cool theme
• Can convert an ordinary table
• Ability to connect to an ajax data source (XML only)
• Paging
• Show/hide columns
• Accessible API
• Many more

I'm planning to add an Editable rows and Resortable rows feature, as well as other cool GUI features.

One of my main goal for the plugin is ultimately to keep it lightweight, maybe under 20k when compressed. Because otherwise you should probably stick with Ext Grid or YUI data table.

Support

• Find out more
• Bugs and feature requests

• Ajax
• Tables
• User Interface

FlyDOM: Create DOM on the Fly

Last changed: 41 weeks 2 days ago

Create DOM elements on the fly and automatically append or prepend them to another DOM object. There are also template functions (tplAppend and tplPrepend) that can take a simple HTML structure and apply a JSON object to it to make creating layouts MUCH easier. This plugin was inspired by "Oslow" [1], and since I could not get his code to work, I decided I write my own plugin. My hope is that this version will be easier to understand and maintain with future versions of jQuery. Update (July 13, 2007): Upgraded FlyDOM to 3.0; visit the FlyDOM homepage for more details.

• Find out more
• Bugs and feature requests

• Ajax
• DOM
• Integration
• JavaScript
• jQuery Extensions
• Layout
• Menus
• Navigation
• Tables
• User Interface
• Utilities

Gradient

Last changed: 46 weeks 1 hour ago

Adds a dynamically created configurable gradient to the background of an element without the use of images.

• Find out more
• Bugs and feature requests

• User Interface

Grid Row Sizing

This plugin, applied to a number of HTML tables, provides the behaviour of resizing their rows by clicking over a "handler hint"

• Find out more
• Bugs and feature requests

• Tables
• User Interface

HeatColor

Last changed: 23 weeks 5 days ago

HeatColor is a plugin that allows you to assign colors to elements, based on a value derived from that element. The derived value is compared to a range of values, either determined automatically or passed in, and the element is assigned a "heat" color based on its derived value's position within the range.

You bind a collection of elements such as table rows, divs or list members to heatcolor and let it do the work.

It can find the min and max values of the desired elements, or you can pass them in manually.

• Find out more
• Bugs and feature requests

• DOM
• Integration
• Layout
• Tables
• User Interface
• Utilities
• Widgets

Image Hover

Last changed: 3 weeks 3 days ago

Overview

ImgHover is a simple way to use hovering image on your site.

You can use fade effect to switch hovering images as well.

Usage

If you want to provide hovering behaviour to all the images, you can write simply like below;

{{{
$(document).ready(function(){
$('img').imghover();
});

}}}

When mouse-over this image, file "/your/path/original_o.gif" shows on the element.

Bulk Setting

You can call this method on the elements other than images as well.

{{{
$(document).ready(function(){
$('div.image-container').imghover();
});
}}}

In this case, ImgHover provides the function to the images under 'image-container' element.

Options

prefix

Create hovered image by original image name and prefix.
{{{
$('img').imghover({prefix: 'hover/'});

}}}

• Find out more
• Bugs and feature requests

• Animation and Effects
• User Interface

imgAreaSelect

Last changed: 6 weeks 2 days ago

Lets the user select a rectangular area within an image.

• Find out more
• Bugs and feature requests

• User Interface

Ingrid, a jQ datagrid

Last changed: 31 weeks 4 days ago

Ingrid is an unobtrusive jQuery component that adds datagrid behaviors (column resizing, paging, sorting, row and column styling, and more) to your tables. The goal here is to give jQuery a robust, native datagrid that's up to snuff with those found in the EXT or YUI libraries.

Currently Ingrid supports the following:

• resizable columns
• paging toolbar
• sorting (server-side)
• row & column styling

Forthcoming features:

• row selection model (single -or- multi w/ checkbox)
• exposing the internal methods (ingrid.load(), ingrid.getColumn(), etc) as an API to respond to external events

Feature requests and bug reports are welcome.

• Find out more
• Bugs and feature requests

• User Interface

jCal - multi-day multi-month calendar datepicker

Last changed: 20 hours 21 min ago

Calendar datepicker for multi-day selection with multi-month display. Allows for a sequence of months to reside side by side and for the user to select a number of consecutive days. This is great for lodging reservation systems, ticket purchasing systems, etc.

Less than 5KB without JSMin or compression! (1.5KB worth of default CSS)
Built entirely with inline and block elements (div/span) - table-less

Supports

• multiple consecutive date selection
• black out days
• start date and end date
• single month to as many months as you would like to fit side by side
• dynamic callback functions for dates selected and truncated consecutive days

• Find out more
• Bugs and feature requests

• User Interface

jGrowl

Last changed: 7 weeks 1 day ago

Similar to the popular OS X system message framework called Growl, jGrowl provides a simple way for developers to raise unobtrusive messages to the end-user.

• Find out more
• Bugs and feature requests

• Layout
• User Interface
• Utilities
• Windows and Overlays

jPoker

Last changed: 5 weeks 1 day ago

jPoker is a jQuery user interface to play on poker-network based server.
For now jPoker allows you to list running tables and upcoming tournaments, but it means to become a full featured javascript poker client.

• Find out more
• Bugs and feature requests

• User Interface