jQuery: The Write Less, Do More JavaScript Library

Plugins:

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

Accessible

Last changed: 19 weeks 5 days ago

What is this ?

  • This plugin aims to be a collection of snippets that improve accessibility for websites.
  • It also includes a set of "recommendations" coded as tests to improve accessibilty (even beyond javascript).
  • These recommendations can be tested against a page, and get a summary of the results.

How to use it ?

  • First add a call to jquery.js (duh!).
  • Add jquery.accessible.js. This contains the engine for rules/fixes and a set of predefined ones.
  • Right after this, you are ready to run the fixes by calling jQuery.accessible(). You can pass in a hash to specify, with the id and true or false, which ones to run.
    IMPORTANT: don't call this function inside document.ready, call it right away instead.

If you want to run the tests in your page:

  • Add jquery.accessible.validator.js after jquery.accessible.js.
VersionDateLinks
0.1.0-dev2007-Dec-27

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.

VersionDateLinks
1.6.02008-Mar-09

Accordion Content/ Menu script

A jQuery powered accordion content script. Group contents together and reveal them on demand when the user clicks on headers. Specify whether only one content within the group should be open at any given time, style the headers depending on their content state, and enable persistence so the state of the contents is preserved within a browser session.

A dedicated page showing how to easily create an Accordion Menu using the script (see demo link) is also available.

VersionDateLinks
1.32008-Apr-04

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.

VersionDateLinks
1.0.02007-Oct-23

BogoFolders

Last changed: 41 weeks 6 days ago

BogoFolders provides a "filemanager-like view", with icons in one part of the UI and the content in a separate area. It is intended to be used as a form of navigation menu. Clicking on an entry in the "file view" shows the associated content (if any) in the designated content area, and if the clicked entry has child entries then the "file view" behaves like a conventional file manager and effectively "changes directories" to the new entry. It shows a "flat" view, not a tree view.

VersionDateLinks
2007.07.252007-Jul-25

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

Clipregion

Last changed: 1 year 5 weeks ago

Simple carousel component for only showing a window of content on a slider, similar to a slideshow.

VersionDateLinks
1.0.02007-Apr-05

dirLister

It's a directory lister

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

DEFAULT VALUES :

directory: "/",
webDirectoryPath: "/",
scriptLocation: "dirlister.php",
filesIgnored: ".htaccess, .htpasswd, robots.txt",
onEvent: "click",
openEasing: null,
closeEasing: null,
openSpeed: "normal",
closeSpeed: "normal",
multiOpen: false,
dateFormat: "d/m/y H:i",
loadText: "Loading…",
emptyText: "Empty",
lang: "en",
showDirPath: true,
dirPathPosi: "top",
filesLinkFollow: true,
safeContent: true

USAGE :

$('#tree').dirLister(
{
directory: "…",
webDirectoryPath: "…",
scriptLocation: "…",

}, function(file)
{
alert(file.name+" - "+file.path+" - "+file.ext);
});

VersionDateLinks
1.12008-May-06

Draeli CheckImg

Last changed: 6 weeks 10 hours ago

Fr : ImgChk est une extension permettant d'utiliser des images pour les checkbox.
En : ImgChk is an extension allow you to use image for checkbox.

Fr : Comment l'utiliser ?
La librairie JQuery 1.2 doit être présente :

<script type="text/javascript" src="jquery.js"></script>

L'extension doit ensuite être mise :

<script type="text/javascript" src="jquery.CheckImg.js"></script>

ou la version optimisé :
<script type="text/javascript" src="jquery.CheckImg.optimized.js"></script>

Enfin l'extension doit être activé :

$("input.CheckImg").CheckImg('CheckImg0.png', 'CheckImg1.png');

remarquez que cette ligne devra être dans l'objet d'initialisation de jquery :
$(document).ready(function(){
// votre code
});

-----

VersionDateLinks
1.0.02008-Apr-02

Drop Down Panel script

Drop Down Panel adds a pull down panel to the top of your page that contains external content fetched via Ajax. Visitors click on the protruding button to cause the panel to drop down and reveal its content. Clicking anywhere on the panel again closes it. You can easily customize the height of the Panel, button text (ie: "panel content"), and drop down speed in milliseconds. A plug and play Ajax drop down panel!

VersionDateLinks
1.02008-Apr-04

DynaCloud

Last changed: 37 weeks 4 days ago

DynaCloud is a jQuery plugin that generates tag or keyword clouds from text on web pages and highlights matching parts once a keyword is clicked.

Several aspects of DynaCloud can be customized.

  • Stopwords
  • Limiting the number of tags
  • Sorting tags
  • Automatic generation of tag clouds
VersionDateLinks
1.0.02007-Aug-25

Easy News

Here is a jQuery plugins that lets you create JavaScript News Slide as fly.(Tested with jQuery 1.2.1)
Easy News 1.0 has function as following

  • Cross browser( Tested with IE7 and Firefox 2.0)
  • Both PREV and NEXT auto play
  • Pause while mouseover
  • No extra setup
  • No other plugins needed
  • Any Html content accept (Even Flash)
  • Display effect support fadeIn and Out,Left to Right ,SlideUp and Down (Tested with IE7 and Firefox 2.0)
  • Display speed adjustment
  • You can edit css change any layout color you like

Created By Michael Lo

VersionDateLinks
1.0.12007-Dec-20

Easy POP Show

Full screen show for slide ,news or anything like Image Gallery .Photo Gallery, Online Instruction

Created By Michael Lo

VersionDateLinks
1.02008-Mar-05

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

haccordion, a simple horizontal accordion

Last changed: 29 weeks 15 hours ago

A simple plugin for jQuery for horizontal accordion menu. Minimal CSS and code is required.

VersionDateLinks
0.12007-Oct-23

History

Last changed: 10 weeks 4 days ago

Plugin is for Ajax-driven pages to have back/forward navigation and to allow bookmarking.

Sample code:

function callback(hash)
{
    // do stuff that loads page content based on hash variable
}
$(document).ready(function() {
    $.history.init(callback);
    $("a[@rel='history']").click(function(){
        $.history.load(this.href.replace(/^.*#/, ''));
        return false;
    });
});

VersionDateLinks
1.0.0-beta-12008-Mar-01

idTabs

Last changed: 3 weeks 1 day ago

A very easy to use and simple implementation of tabs.

VersionDateLinks
1.02007-Aug-12
2.02008-Apr-22

Image Reflection

Based on reflection.js but it allows to use it in jquery style.

VersionDateLinks
1.0.00-030707 uncompressed2007-Jul-03

jContext - The ultra-lightweight right click context menu for jQuery

Getting tired of the default context menu (the one that appears when you right click on a web page) that are being displayed in all browsers? Now, web developers can focus on designing the menu itself rather than worrying about the javascript code. This tutorial will assume that you have enough CSS knowledge and familiarity using jQuery to begin with.

Usage

$(obj).showMenu({
opacity:0.8,
query: "#myMenu2",
zindex: 2000
});

opacity: can be from 0 - 1.0, opacity of the menu being displayed
query: can be any object or CSS selector that jQuery recognizes
zindex: z-index of the menu being displayed

VersionDateLinks
2008-Apr-29

jqDock

Last changed: 5 weeks 1 day ago

Transform a set of images into a Mac-like Dock menu, horizontal or vertical, with icons that expand on rollover, and optional labels.

Requires jQuery v1.2.3

VersionDateLinks
1.12008-Apr-07

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

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

Keynav

Last changed: 1 year 5 weeks ago

Adds the ability to navigate over a set of elements using the arrow keys.

VersionDateLinks
1.0.02007-Apr-05

LavaLamp

Last changed: 8 weeks 4 days ago

jQuery 1.2.x series LavaLamp plugin

LavaLamp is a plugin based on Guillermo Rauch and Ganesh Marwaha's previous plugins for mootools and jQuery 1.1.x respectively. Using the Sliding Doors CSS / Javascript technique, LavaLamp allows you to add nifty background motion hover effects to HTML lists using the Easing library.

Features include:

  • new both horizontal and vertical movement and stretching
  • new default LI element selection
  • custom call back on completion
  • easing library support
  • speed adjust
VersionDateLinks
1.22008-Mar-14

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

Pagination

Last changed: 17 weeks 4 days ago

When you have a a large list of items (e.g. search results or news articles),
you can display them grouped in pages and present navigational elements to move
from one page to another. This plugin creates these navigational elements.

VersionDateLinks
1.12008-Jan-12
1.02008-Jan-06

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

Simple chained combobox plugin

Last changed: 1 week 1 day ago

Very simple chained selects plugin for jQuery with JSON processing and callback feature, chain multiple selects with ease.

VersionDateLinks
1.0.12008-May-06

slideViewer 1.1

slideViewer is a lightweight (1.5Kb) plugin wich allows to instantly create an image gallery by writing just few lines of HTML such as an unordered list of images. Works with jQuery 1.2 and jquery.easing.1.2

<div id="mygalleryinpost10.12.2006" class="svw">
   <ul>
     <li><img src="picts/10.jpg" alt="my description for this image" /></li>
      <li><img src="picts/08.jpg" alt="this is my dog..." /></li>
      <!--eccetera-->
   </ul>
</div>

VersionDateLinks
1.1.1.12007-Dec-18

spinner

Last changed: 11 weeks 1 day ago

* Cycle through millions of items or groups of items with the appearance of a scroller and functionality of a pager
* Display horizontally or vertically
* Seamless forward and reverse transition between end points of the resultset
* Adjust offset value based on total record count and items per page to prevent dead space
* Complete control of container and element styles
* Randomize initial offset

VersionDateLinks
0.2.0-beta2008-Feb-24
0.5.0-beta2008-Feb-26

wSlide

Last changed: 12 weeks 5 days ago

This plugin is going to change your lists in animated box (with pagination)

Exemple for <ul id='ma_liste'> ... </ul>

$("#ma_liste").wslide({
         width: 500,
          height: 333,
          horiz: true
});

VersionDateLinks
0.12008-Feb-14

_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