jQuery: The Write Less, Do More JavaScript Library

Plugins:

Filter by Project release API compatibility:
Login or register to modify the filter.

Step Carousel Viewer

Step Carousel Viewer displays images or even rich HTML by side scrolling them left or right. Users can step to any specific content on demand, or browse the gallery sequentially by stepping through x number of contents each time. A smooth sliding animation is used to transition between steps. The contents for the Step Carousel Viewer can be defined either directly inline on the page, or via Ajax and extracted from an external file instead. In both cases, the contents are simply DIVs with a shared CSS class name that wrap around each individual content.

VersionDateLinks
1.0.02008-Mar-21

Absolutize

Last changed: 35 weeks 5 days ago

An absolutizer for block level DOM elements.
It don't modify the DOM document
Require dimensions.

VersionDateLinks
0.0.1-rc-12007-Sep-06

Auto line-height

Last changed: 46 weeks 1 day ago

Adjusts the line-height of selected elements in proportion to their width, relative to the font size.

Requires

Use

     $(function(){
        $('#flexme').autolineheight();
     });

Where ‘flexme’ is the id of an element in your page whose contained text is to be fine tuned.

Settings

You may adjust the default values to your taste and circumstance when you assign the behaviour to an element, for example:

     $('#flexme').autolineheight({minWidth:16,minLineHeight:1.2,ratio:.03});

More

Further details can be found on my blog post: Auto line-height: a jQuery plugin for flexible layouts

VersionDateLinks
1.0.02007-Jun-26

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).

VersionDateLinks
2007.07.142007-Jul-17
2007.07.252007-Jul-25

Center element plugin

Last changed: 5 weeks 4 days ago

This plugin center any element in page, horizontal and vertical using the css minus margin method.

The portuguese page can be found at: http://www.alexandremagno.net/blog/?p=75
Download: http://jquerydevbrazil.googlecode.com/svn/trunk/jquery.center.js

Require the dimensions plugin

Usage

$("element").center(); //vertical and horizontal
$("element").center({
horizontal: false // only vertical
});

VersionDateLinks
1.02008-Apr-05

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

VersionDateLinks
1.92007-Sep-28

Dimensions

Last changed: 20 weeks 5 days ago

Extends jQuery to provide dimension-centric methods for getting widths, heights, offsets and more.

VersionDateLinks
0.9.02007-Apr-30
1.1.22007-Aug-17
1.2.02007-Dec-20

Domplates - Advanced Template System

Last changed: 2 weeks 2 days ago


Overview

The Domplates jquery plugin provides an advanced template system taken and modified from Firebug.

Features:

  • Templates are assembled via function calls instead of strings
  • User-defined callbacks to iterate and format data
  • Object oriented design allows for advanced hierarchies

NOTE: This plugin although functional has not had much actual use. If there is sufficient interest further testing will be conduced and documentation will be added.

VersionDateLinks
0.1.0-preview2008-Apr-27

Equalize Columns

Last changed: 44 weeks 1 day ago

$("#col1, #col2").equalizeCols();

will equalize the columns as expected

$("#col1, #col2").equalizeCols("p,p");

will equalize the columns and add the extra space after the p tag in #col1 or #col2 (whichever is shorter).

VersionDateLinks
-dev2007-Jul-10

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.

VersionDateLinks
3.0.62007-Jul-17
3.0.82007-Jul-29

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.

VersionDateLinks
0.0.12007-Nov-30

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.

VersionDateLinks
1.0.22008-Mar-25
1.0.12008-Mar-22

jqGrid - Server Side Grid

The grid is a Ajax-enabled JavaScript control that provides solution for representing tabular data on the web. Since the grid is client-side solution and loading data dynamically through Ajax callbacks, it can be integrated with any server side technology.
Features:
-Full control with JavaScript API
-Data returned from the server is XML
-Simple configuration
-Ability to load big datasets (paging)
-Resizable columns
-Server-side sorting
-Support of links, images, checkboxes
-You can add more than one grid on a sigle page (master-detail)
-Paging

VersionDateLinks
3.02008-Mar-27

jQuery Gallery Scroller

The jQuery jsGalScroll Plugin allows you to take a grouping of images and turn them into an scrolling photo gallery with pagination.

VersionDateLinks
2.0.02007-Oct-06

jQuery Gallery View II

With the success of the jqGalView Plugin I’ve decided to release the jQuery jqGalViewII (beta) Plugin which allows you to take a grouping of images and turn it into an flash-like image/photo gallery, much like what the jqGalView Plugin does for you. It allows you to style it how ever you want and add as many images at you want.

VersionDateLinks
0.5-beta-12007-Oct-03

jQuery Templates

Last changed: 7 weeks 3 days ago

Similar to the macro-based templates in the popular javascript library Ext, jQuery templates offer ways of creating html chunks and applying an object of attributes to them via the jQuery DOM manipulation methods. Variable types default to JSP-style, however they can be customized to other variable styles for the plugin as well as for individual template objects. Via helper methods, variable functions can be applied to variables within the templates as well.

Example:

var t = $.template('<div id="foo">Hello ${name}, how are you ${question}?  I am ${me:substr(0,10)}</div>');

$(selector).append( t , {
     name: 'Stan',
     question: 'feeling',
     me: 'doing quite well myself, thank you very much!'
});

VersionDateLinks
1.0.02008-Mar-22

jQuery Treeview plugin

Last changed: 13 weeks 4 days ago

Lightweight and flexible transformation of an unordered list into an expandable and collapsable tree, great for unobtrusive navigation enhancements. Supports both location and cookie based persistence.

VersionDateLinks
1.4.02008-Feb-08

jScroller (a autoscroller, crossbrowser, W3C compatible)

Last changed: 25 weeks 2 days ago

A Auto-Scroller, cross-browser and W3C compatible.
Support up,down,left and right and also display the content alternative, when no javascript is activated.
Support dynamic Content for a ticker or something like that.

Homepage:
http://jscroller.markusbordihn.de/

VersionDateLinks
0.3.1-quickfix2007-Nov-19
0.2-rc-12007-Sep-13
0.32007-Nov-16

jScrollHorizontalPane

Last changed: 4 weeks 13 hours ago

jScrollHorizontalPane is a plugin based off of Kevin Luck’s jScrollPane which override’s the browsers default horizontal on any block level element with an overflow:auto style. It’s built on top of the jQuery library and uses both the dimensions plugin and the mouse wheel plugin. Provided with the download of the plugin there is a default jScrollHorizontalPane.css which can be used as a basis to edit the stylings on the scroll bar.

This plugin is completely cross browser, and also provides the ability to resize gracefully when the reset option is set to true. Additionally, intervals can be set by adding a class of “scroll-interval” which automatically adds dash’s to the track and provides automatic snap-to on the elements.

Just include the following files in the head of your page:

* jQuery
* the dimensions plugin
* the mouse wheel plugin
* jScrollHorizontalPane.js (or the compressed)
* jScrollHorizontalPane.css

VersionDateLinks
1.0.02008-Apr-15

jTemplates

Last changed: 18 weeks 2 days ago

jTemplates is a template engine 100% in JavaScript.

Example of template:

<table>
{#foreach $T.table as row}
  <tr>
   <td>{$T.row.name.bold()}</td>
   <td>{$T.row.mail}</td>
  </tr>
{#/for}
</table>

Download, demos, changelog, documentation are available on project homepage:
http://jtemplates.tpython.com

VersionDateLinks
0.5.1-22007-Dec-04
0.4.32007-Aug-25
0.6.62008-Jan-06

jTree - the Ultra lightweight sortable nested list for jQuery

Last changed: 1 week 20 hours ago

I have seen some implementations of sortables list and none really fits my needs. Here is an ultra lightweight jQuery plugin (2.6kb minified!!!!!!!!!) that will do the job right, loads fast and harness the jQuery’s power create a very usable sortable nested list.

VersionDateLinks
1.02008-May-06

LocalScroll

Last changed: 9 weeks 21 hours ago

This plugin will animate a regular anchor navigation [1] [2].
It will allow your visitors to navigate your site with a smooth scrolling effect.

Each time a link is clicked, the element you decide(can be the whole screen), will gradually scroll to the targeted element, instead of "jumping" as it'd normally do.
jQuery.ScrollTo is used for the animation.

  •  Check its Homepage, it includes extensive documentation.
VersionDateLinks
1.2.52008-Mar-11

Media Queries / Dynamic resolution dependent layouts

Last changed: 6 weeks 6 days ago

The script adds basic Media Query-Support (min-width and max-width in px units ) to all browsers (http://www.w3.org/TR/css3-mediaqueries/). It helps you to create a dynamic resolution dependent layout with webstandards in mind.

VersionDateLinks
1.0.02008-Mar-27

Multiple Select

Last changed: 3 days 6 hours ago

You can use this plug-in for using input text as multiple select facility. When you focus input text, appear a dialog box like combo box. After choose you want, it will update input area your options seperated with comma. Use & pray. Just use it with pray for me.

VersionDateLinks
0.0.22008-May-11

Orange

Last changed: 9 weeks 19 hours ago

This plugin is a jQuery extension that is capable of inspecting javascript objects, and using Javascript objects to populate html templates. This allows easy composition and tweaking of html snippets, and keeps the data separate from display code until it actually needs to be rendered. Works in all IE and Firefox platforms.

Supports ajax loading of html templates, template naming, retrieval and setting of templates at any time. core utilities can be used either as jQuery methods or functions.

This extension is part of a larger web development toolkit called 'Orange Foundation' available on source forge.

VersionDateLinks
1.5.02008-Mar-11

Preload

Last changed: 8 weeks 6 days ago

Note: Patched a bug of Safari 2, and 2 other bugs of IE, please upgrade to 1.0.7.

This is an advanced multi-functional preloader, that has 4(actually 5) modes integrated.
Each mode suits a different, common situation.
The modes are:

  •  URL: Preload a JS array of static URLs.
  •  Rollover: Preload based on DOM images, slightly modifying their src.
     Can be used for rollovers, or for image-thumb.
  •  Placeholder : Take regular images and set a placeholder image while they load. Show each original image when fully loaded. Allows sequential loading with a threshold.
  •  Link: Preload the images that appear in the href of the given links.

The plugin also provides 3 callbacks to interact with the image URLs during the preloading process. All the callbacks get a hash of data, with details of the related image and global information.

VersionDateLinks
1.0.72008-Mar-13

ScrollShow

Last changed: 28 weeks 22 hours ago

I've made a new plugin, that is meant to supercede jQuery.ScrollShow. The latter has been in beta stage for too long.
Please check Query.SerialScroll
   http://flesler.blogspot.com/2008/02/jqueryserialscroll.html
It's very small and it offers high customizability.
It can be used for slideshows, section navigation, news tickers, etc. (These 3 exemplified in the demo).

ScrollShow is a very customizable slideshow, that relies on jQuery.ScrollTo, to slide(scroll) the items.
Documentation is included in the source file.
The plugin is still in beta stage, but will be soon (hopefully) stable.
Feedback and bug reports are very welcome.

VersionDateLinks
0.7-beta2007-Oct-30

ScrollTo

Last changed: 12 weeks 2 hours ago

With this plugin, you will easily scroll overflowed elements, and the screen itself.
It gives you access to many different options to customize and various ways to specify where to scroll.

  •  Check its Homepage to read a detailed documentation on its use.
  •  You can then visit its Demo to see all the possibilities in action.
  •  Finally, you can read about its 2 sons:
    •  jQuery.LocalScroll: Will add a scroll effect, to any anchor navigation. Ideal for slides, table of contents, etc. It's small, and incredibly easy to implement.
VersionDateLinks
1.3.32008-Feb-20

SerialScroll

Last changed: 7 weeks 4 days ago

This plugin allows you to easily animate any series of elements, by sequentially scrolling them.
It uses jQuery.ScrollTo to achieve the scrolling animation.

jQuery.SerialScroll doesn't have one definite purpose. It's generic and adaptable.

You can certainly use it as a section slider. That is, to sequentially navigate a group of screens.
This plugin can also animate a text scroller in no time.
It can definitely handle slideshows, the high customizability of the scrolling effect lets you easily create beautiful animations.
With no extra code, you can even build a news ticker!

Three of these uses are exemplified in the demo.

Remember, it's not restricted to these situations. It will take care of any collection of html elements that you want to scroll consecutively.

VersionDateLinks
1.1.22008-Mar-09
1.2.12008-Mar-21

Sifr

Last changed: 1 hour 5 min ago

jQuery Sifr Plugin lets you dynamically replace text in a page with CSS-styled Scalable Inman Flash Replacement (sIFR) text using native jQuery functionality, along with the jQuery Flash plugin. jQuery is a lightweight JavaScript library that emphasizes interaction between JavaScript and HTML, allowing you to easily include many components that enrich and benefit the developer's coding experience. Then, jQuery Flash is a simple but powerful plugin for jQuery that allows you to easily embed Flash movies using native jQuery functionality.

VersionDateLinks
1.5-AIO2008-May-13
1.1-Uncompressed2008-Feb-23

Smart Lists

Smart Lists is a light-weight jQuery extension that lets you convert 'flat' HTML lists of information into categorized, paginated lists. In essence, it's a presentation layer for improving the readability of related information, without need of a database or server-side script.

The configurable options include:

  • Choice for the item hide/show effect (Blind, Fade/Appear, none)
  • Choice for changing page effect (Blind, Fade/Appear, none)
  • Control over speed at which effects occur
  • Number of items per page
  • Option to show/hide the number of items in each category
  • Complete control over CSS classes (to ensure compatibility with any webpage)
  • Downgrades gracefully (i.e. if JS not enabled)

SuperFlyDOM

Last changed: 37 weeks 1 day ago

Create DOM elements on the fly and automatically append or prepend them to another DOM object.

Also included are template functions (tplAppend and tplPrepend) that can take a JSON-formatted HTML structure, apply a dataset, and create complex DOM nodes! New template system is much more forgiving and flexible than previous DOM element creation plugins.

Features

  • Add any element with or without all types of properties or children in any order
  • Chainable! Returns last appended/prepended element in jQuery object - but also works on plain DOM elements!
  • Accepts inline HTML as string, innerHTML style
  • Fixes IE special-cases, like input element creation and children of tables
  • Lightweight yet fast! Uses internal jQuery functions for portability while creating DOM nodes and accessing appendChild directly for speed
  • AJAX-friendly - SuperFlyDOM takes real JSON objects, perfect for lightweight AJAX (or jQuery's .getJSON) retrieval
VersionDateLinks
0.9.0-g2007-Aug-27

Survey

Last changed: 5 weeks 4 days ago

A plugin to quickly generate surveys with javascript. Based on JSON, XML, or anything.

This plugin is not fully functional to be used in production.

VersionDateLinks
1.0.02008-Apr-04

TextArea Resizer

Last changed: 16 weeks 1 day ago

* Added live demo page (url at bottom of page)

This project allows the user to extend the textarea element/area within the web page whenever they feel.

I noticed this functionality when adding a plugin to this website, I guess it's not used that often on other websites.

It is part of the Drupal code, although I haven't much experience with Drupal.

I found it useful and could see an immediate use for it on one of the web applications that I use (Tridion).

Anyway, I decide to spend a few minutes (it was a quick conversion) and turn the functionality in to a jQuery plugin (I couldn't see it in the repository).

VersionDateLinks
1.0.4-complete2008-Jan-22

toggleElements

Last changed: 35 weeks 3 hours ago

toggleElements is designed to hide informations on your site and show it only when the user requests more information.
Only a class and a title-attribute must be added to your original HTML.

VersionDateLinks
1.32007-Sep-12
1.2.12007-Jul-11

TogglePane

Last changed: 35 weeks 5 hours ago

TogglePane is similar to the Accordion plugin, the main difference being that it allows multiple items to be opened at one time. It uses the same HTML structure as the Accordion, making it simple to swap between this plugin and that one. See the unpacked source file for the full documentation.

VersionDateLinks
2007.08.072007-Aug-07
2007.09.112007-Sep-12

_wkCarrusel Easy carrousel

Last changed: 9 weeks 5 days ago

A very simple to use carrousel.
The documentation is in spanish.
is still under development.

Un plugin para general carruseles con JQuery muy facíl de utilizar.
Esta bajo desarrollo.
La documentación está en español.

VersionDateLinks
0.1-Alpha2008-Mar-06
0.1-Alpha2008-Mar-06