jQuery: The Write Less, Do More JavaScript Library

Plugins:

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

:path

Last changed: 1 week 3 days ago

:path is a pseudo-class selector written in jquery. It automatically filters out href attributes that matches the window location and it's ancestors. Use it to style or modify active states in navigations without server-side interaction.

Usage (example):
$('ul a:path').parent().addClass('active');

Comes bundled with the similar selector :current that filters out hrefs that points to the very same page that the window.location returns.

VersionDateLinks
1.02008-May-04

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

Aspect Ratio

Last changed: 5 days 21 hours ago

(This plugin is still in Beta)

What is this?

This plugin attempts to easily bring aspect ratio to an html object such as an Image.

Requirements

  • jQuery 1.2.3+
  • Dimensions 1.2+

Browser Support

  • Internet Explorer 6+
  • FireFox 2+
  • Should work in most other browsers, but still needs some testing.

How do I use it?

  1. Add the jquery library to your page.
  2. Add the Dimensions plugin to the page - http://plugins.jquery.com/project/dimensions
  3. Finally, Add the Aspect Ratio plugin to the page.

To manipulate all images on a page w/ the AspectRatio plugin, simply type...

$('img').AspectRatio();

...that's it. Just make sure you wrap the "ready" function around this before using it.

Any feedback is greatly appreciated and helps to make this plugin better!

Enjoy!

VersionDateLinks
1.0.0-beta12008-May-08

Batch

Last changed: 4 days 4 hours ago

Batch is a plugin that allows you to batch the results of any jQuery method, plugin into an array. By default the batch plugin aliases the getter methods in jQuery by adding an 's' to the end (attrs, offsets, vals ...). You can also just call $(...).batch('methodName', arg1, arg*n).

VersionDateLinks
1.0.12008-May-09

Calculation Plug-in

Last changed: 9 weeks 1 day ago

The Calculation plug-in is designed to give easy-to-use jQuery functions for commonly used mathematical functions.

This plug-in will work on all types of HTML elements—which means you can use it to calculate values in elements or in elements. You can even mix and match between element types.

Numbers are parsed from the element using parseNumber() method—which uses a regular expression (/\d+(,\d{3})*(\.\d{1,})?/g) to parse out the numeric value. You can change the regular expression that's used to determine what's consider a number by changing the default regular expression.

Syntax Examples

  • $("input[@name^='price']").parseNumber();
    This would return an array of potential number for every match in the selector
  • $("input[@name^='sum']").sum();
    Returns the sum of all the input objects that start with a name attribute of "sum". This breaks the jQuery chain.
VersionDateLinks
0.4-beta2008-Mar-10

Clipboard

Last changed: 23 weeks 2 days ago

Clipboard is a simple jQuery plugin that allows you to copy text in cross-browser fashion, using Internet Explorer's native method, and a Flash helper in other browsers. Tested with jQuery 1.2+, requires Flash 8+ in non-IE browsers.

Version 2.0 released November 24, 2007

VersionDateLinks
2.0.02007-Dec-02

ClockPick, a Time Picker

Last changed: 3 weeks 2 days ago

ClockPick is a timepicker plugin, enabling users to enter a time value into a form field. Using a unique popup div UI, ClockPick gets the job done in about 1/5 the time it takes to enter a time value using a traditional select menu UI.

VersionDateLinks
1.2.32008-Apr-20

Codepress Plugin

Last changed: 11 weeks 6 days ago

  • Tested and works on Firefox2, IE7 and IE6 (all in WinXP SP2).
    Codepress is not supported on Opera/Safari (or is it?), but form submission still works.
  • The same principle can be applied to TinyMCE, FCKEditor and any other rich-text editors.
    Any input regarding other rich-text editors is welcome.
  • The plugin will intercept known methods and install itself against related plugins
    (currently only the jQuery Form Plugin).
    Any input regarding integrating this plugin with other jQuery plugins is welcome.
VersionDateLinks
0.1.02007-Jun-30

Collection

Last changed: 15 weeks 21 hours ago

This plugin generates generic collection classes, that work almost exactly as jQuery does.
These collections include all those jQuery functions, that are used to manipulate the collection itself.

The included built-in functions are:

add, andSelf, attr, each, end, eq, extend, filter, get, implement, include, index, init, is, map, not, pushStack, setArray, size and slice.

Every collection will have a build() function, that will create a new collection class, that inherits from the caller. $.collection is a collection class by itself. So other collections will inherit from it, or its subclasses.

With this plugin, you can manipulate native data types like String or Array, with your custom methods, without actually modifying their prototype. This is shown in some of the examples below.

If you want additional information and more details about some of the methods.

VersionDateLinks
1.0.32008-Jan-29

Cookie

Last changed: 15 weeks 3 days ago

A simple, lightweight utility plugin for reading, writing and deleting cookies.

VersionDateLinks
1.02008-Jan-27

datemaker

Last changed: 12 weeks 13 hours ago

jquery.datamaker.js provides an easy way to create Javascript Date objects using simple time interval indicators. Use datamaker to create Data objects to use with jQuery cookie plugin.

Time interval indicators are like those in Perl CGI::Cookie: '+1M,' '-10d,' etc., and Rails ActiveSupport-like time indicators: '3.days.ago.' A few named time indicators: 'midnight' and 'now.'
Note that '3.days.ago' is a string, not a method on an integer.

Integrates with jQuery cookie plugin

$.cookie('cookie_name', 'cookie_value', { expires: $.datemaker('+1h') });

VersionDateLinks
0.1.12008-Feb-19

Default Animation Speed

Last changed: 19 weeks 4 days ago

This is a very simple plugin that allows you to set the default animation duration for all jQuery animations. As of this writing, jQuery 1.2.1 uses a hard-coded value of 400 milliseconds, with no-built in way to set the default (although it is easy enough to get the default.) I needed to be able to set this default globally and on-the-fly for an internal company project, so I decided to do it "the right way" and release it in case anyone else has the same problem.

The plugin adds one function to the global jQuery object (it is not chainable.) It accepts a single parameter, which is any valid animation speed setting.

Calling the function without any parameters or with invalid value will set the animation speed back to the default. The function returns the default animation speed as an integer.

You call the function like this:

$.setDefaultAnimationSpeed("slow");

VersionDateLinks
1.0.12007-Dec-28

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.

VersionDateLinks
1.12008-Jan-31

Easing Plugin

Last changed: 31 weeks 5 days ago

Allows you to set custom easing types for standard animations.

By George Smith.

VersionDateLinks
1.22007-Oct-04
1.1.12007-Oct-04

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:

VersionDateLinks
1.0.1-beta-12007-Oct-03

FastTrigger

Last changed: 5 weeks 3 days ago

What is it

This small plugin includes a clean and simplified version of jQuery.trigger, that will perform better and will specially scale better.

How is this achieved

Many useless steps are skipped when programatically triggering an event, this step that jQuery does no matter what, are not really necessary for triggered events, and some of them hit on perfomance badly. Most of them are not optimized for speed and scalability, but for reusability and code size.

Differences with trigger

This method supports array of data (can include an event object), namespaced events and exclusive triggering. The only known difference with jQuery.trigger is that this method doesn't trigger native handlers, so it's actually comparable to .triggerHandler().

Perfomance

This is method is at least 4 times faster than the regular trigger, and will scale much better as you call it on more elements at once.

Global triggering

VersionDateLinks
1.0.02008-Apr-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

getScriptSet - Execute callback after all scripts from a set are loaded.

Last changed: 12 weeks 4 days ago

Extends jQuery with our custom multi-resource asynchronous script receiver.

It ensures that the onLoaded callback will only be executed when all scripts have been loaded. It also maintains a cache of already loaded URL's to prevent multiple downloads. It also supports loading script that have their own loading mechanism, like Google Maps, by offering a way to take their callback and inject it into ourselves.

Resources are passed in the following style:

[
"simple_javascript_file.js",
{
url: 'js_file_with_own_loader',
callbackSetter: function(callback) {
// The callback parameter is the callback that 'js_file_with_own_loader' _needs_
// to call when it completes. So you could do it like this for example:
module.addListener( 'onLoad', callback ) ;
// Or you can check the example below for how it works with Google Maps e.g.
}
}
]

VersionDateLinks
0.1.22008-Feb-16

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

highlight

Last changed: 33 weeks 6 days ago

Text higlighting is part of DynaCloud – where tags/keywords are automatically highlighted once they’re clicked – so I took that code and made it a stand-alone JavaScript text highlighting jQuery plugin.

VersionDateLinks
1.0.02007-Sep-20

jCache - A client side jQuery cache plugin

Last changed: 26 weeks 4 days ago

jCache is a plugin made on the idea of a client-side Hashtable (key-value pairs).

Usually to improve web apps performance, you make calls to the server to get data and cache them on the server. This is of course effective, but sometimes not enough, since the browser must wait for the response from server none the less.

Using jCache, the data will be saved into browser's memory and ready to be retrieved later via a key (a good candidate for keys is the ajax URL, for example "products/getProducts.php?start=5&end=10", since it is unique for each cached item). Before any AJAX GET request, a cache check should be made, and if the data is there already, then it should be used without any need to query the server again. This will be lightning fast!

VersionDateLinks
1.0.22007-Nov-09

jClock - Simple Clock

Last changed: 15 weeks 6 days ago

Simple clock - display 12-hour or 24-hour time notation, local or UTC time.

VersionDateLinks
0.2.12008-Jan-23

jget

Last changed: 5 weeks 4 days ago

This plugin get the query string appended in url in a easy way, like a GET in a server side language

Example

//url: http://www.foo.com/?test=var&test2=var2
var save1 = $.jget['test'];
alert(save1);
//this will output 'var'
var save2 = $.jget['test'2];
alert(save2);
//this will output 'var2'

If you wish to loop through the query string, you can make this way

for (var test in $.jget) {
$.debug(test+ ' = ' + $.jget[test] );
}
//the method debug comes with the plugin to retrieve a message in firebug, or a alert in IE

VersionDateLinks
1.02008-Apr-05

jGlycy

Last changed: 2 weeks 1 day ago

About jGlycy

jGlycy is a simple jQuery plugin. This plugin calls other any typical-interfaced-plugins automatically when document ready.

For instance, you can put "jg" attribute into your (x)html like below;

<div jg="cycle">
  <img src="/your/path/to/img01.gif" />
  <img src="/your/path/to/img02.gif" />
  <img src="/your/path/to/img03.gif" />
</div>

jGlycy calls jQuery method like this;

$('div').cycle();

You (or your team's designers) don't have to write JavaScript? any more.

How it works

When document ready, jGlycy picks up elements which have "jg" attributes. Then the plugin confirms if your jQuery object has the method names the value of the attribute. In this example, jGlycy calls "cycle" method, if jQuery object has this method.

Furthermore, you can put object-type options for the method like below;

VersionDateLinks
1.0.0-rc2008-Apr-29

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

jMaps Framework

Last changed: 3 weeks 2 days ago

The JMaps Framework is a jQuery plugin that provides a simple but powerful API for Google's mapping services.

It provides a simple jQuery way to do functions such as:

* Geocode any address in the world via Google's geocoding API
* Search for directions to and from any location
* Add and remove Markers
* Add and remove polygons and polylines
* Add and remove graphic layers on the map
* Add and remove Google adsense layers
* Add and remove Traffic layers
* Get information back such as map center, map size, map type, etc

And many more.

VersionDateLinks
3.0.0-Release Candidate 12008-Apr-21
1.42007-Aug-13
3.0.0-Beta2008-Apr-20

jPrintArea

Last changed: 34 weeks 1 day ago

jPrintArea is a small jquery plugin to print only contents of a specified element.

VersionDateLinks
1.0.02007-Sep-17

jqCouch - CouchDB connection plugin

Last changed: 19 weeks 5 days ago

jQuery plugin for CouchDB, handling different type of couchdb connections.

jqcouch requires the new JSON-based CouchDB, which currently has to be installed from svn.
More details on this in the CouchDB projects website.

Database

var dbc = $.jqCouch.connection('db');
dbc.exists('database_name');

---
if ($.jqCouch.connection('db').create('database_name').ok) {
    alert("database created");
}

VersionDateLinks
2.0.22007-Dec-28

jQuery apply()

Last changed: 6 weeks 5 days ago

Sometimes deep inside a DOM traversing chain you need a reference to plain current jQuery object. My extremely simple plugin allows you in such cases to call apply() method, which accepts a function (anonymous preferrably) and executes it immidiately, passing a current jQuery selection (not some DOM Element, but the whole Array-like jQuery object with current selection right inside) as this. Method returns the very same selection, so you may continue your chain just like after any other non-traversing method.

VersionDateLinks
1.0.02008-Mar-28

Jquery Lorem Ipsum Plugin

Last changed: 1 week 6 days ago

This plugin wil generate Lorem Ipsum text for use as dummy texts on webpages.
You only have to specify wich elements you want to fill with dummy text and the plugin does the rest.
You can specfiy:

  • type: paragraphs, words or characters
  • amount: amount of dummy text
  • ptags: add paragraph text around the dummy text
VersionDateLinks
.0.12008-Apr-30

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

Last changed: 15 weeks 4 days ago

jquery popup plugin

an easy to use popup select, suport treestyle select

VersionDateLinks
1.0.0-02008-Jan-25

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

jScrollPane - crossbrowser custom scrollbars

Last changed: 35 weeks 5 days ago

jScrollPane is a jquery plugin which allows you to replace the browsers default vertical scrollbars on any block level element with an overflow:auto style. You can easily control the apperance of the custom scrollbars using simple CSS.

jScrollPane is crossbrowser, working on all browsers that support jquery and it also degrades gracefully. If a user's browser doesn't support jQuery or has JavaScript turned off then they will see the browsers default scrollbars. If the mouse wheel plugin is included in the page then the scroll panes will respond to mouse wheel events as well.

VersionDateLinks
1.1.22007-Sep-07

JSmile - smiles everywhere in few bytes

Last changed: 11 weeks 2 days ago

In a totally unobtrusive way for both (x)html and javascript events/functionality, this plug-in allows you to add, and remove, smiles in an entire document or only in some specified element.

Basic examples

$(function(){
    $(document.body).smile();
});

You can specify only one or more elements too.

$("div.post, p.comments").smile();

And remove them whenever you want.

$("div.post, p.comments").smile(false);

The optional argument is true by default and the method return the instance itself.

$(document.body).smile().find("a").click(/*doStuff*/);

VersionDateLinks
0.32008-Feb-25

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

L10n (Localization) By JavaScript

Last changed: 3 weeks 4 days ago

Localization your webpages by using AJAX.
Preview and bug report, please visit: http://www.hpyer.cn/l10n-by-javascript.html

Example:

<html>
<head>
<title>Example</title>
<script src="jquery.js" language="JavaScript" type="text/javascript"></script>
<script src="jquery.l10n.js" language="JavaScript" type="text/javascript"></script>
<script type="text/javascript">
$.l10n.init({
'dir': './languages',
'lang': 'zh_CN',
'cache': true
});
</script>
</head>

<body>
<script type="text/javascript">
// Translate directly
document.write($.l10n.__('Words need to be translated'));
// Or
$.l10n._e('Words need to be translated');
</script>

<!-- Translate indirectly -->
<span>Words need to be translated</span>
<script type="text/javascript">
$('span').l10n();
</script>
</body>
</html>

VersionDateLinks
1.1.02008-Apr-18

leviTip

Last changed: 16 weeks 5 days ago

Yet another jQuery tooltip plugin to display a user defined tooltip on hover/click over/on a target element.

The way the content for the tooltip is retrieved is completely configurable and can be extended by the user.

VersionDateLinks
0.1.02008-Jan-18

Listen

Last changed: 9 weeks 4 days ago

The release shown below is not the last. Please check 1.0.3 instead.

This plugin brings a clean, light solution, to websites with dynamic loaded content, or full of event bindings.
Intead of bound, handlers for events, are registered along with matching selectors.
And they'll still work for new added content.
This is achieved, using Event delegation, so the plugin will only work for events that bubble.

Update: jQuery.Listen can now handle both focus and blur events thanks to the focusin/focusout workaround.
Many thanks to Jörn Zaefferer for lending me the code!.

The plugin supports these kind of selectors:
- #id
- nodeName

VersionDateLinks
0.8.0-beta2007-Oct-13
0.8.2-beta2007-Oct-19

Metadata

Last changed: 30 weeks 1 day ago

This plugin is capable of extracting metadata from classes, random attributes, and child elements.

For example, you can do:

<li class="someclass {some: 'data'} anotherclass">...</li>
OR
<li data="{some:'random', json: 'data'}">...</li>
OR
<li><script type="data">{some:"json",data:true}</script> ...</li>

The default is the first method, but you can always change it by twiddling the options. This means that there is at least one option here that can appease you.

After that you can simply do:

var data = $('li.someclass').metadata();
if ( data.some && data.some == 'data' )
    alert('It Worked!');

There's also a bunch of options (like the ability to ignore braces {}).

For full documentation see http://docs.jquery.com/Plugins/Metadata.

VersionDateLinks
1.02007-Oct-15
2.02007-Oct-15

Modularize

Last changed: 3 weeks 4 days ago

This small plugin(673 bytes!) enables you to have modular methods on jQuery.
It allows the developer to apply the module pattern, to the functions of jQuery.fn.
They can be used as namespace/module for more functions.
This helps keeping the rule of only claiming one name from the jQuery namespace.

It enables you to do something like:

$(...).foo().bar( ... ).addClass('magic');

Visit the plugin's homepage, in order to learn more about it.

VersionDateLinks
1.0.02008-Apr-18

Multiple File Upload

Last changed: 17 weeks 5 days ago

jQuery.MultiFile is a very simple (and small) plugin for jQuery to help users easily select multiple files for upload in a concise quick and easy manner.

Latest version supports:
- events
- file type validation

VersionDateLinks
1.2.42008-Jan-11
1.0.02007-Apr-03

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

No Spam

Last changed: 2 days 23 hours ago

Description

This jQuery plugin turns an obfuscated e-mail address into a human-readable one. It's lightweight and accepts multiple filtering levels for additional security. No Spam works on mailto links and other HTML elements, automatically detecting which you're applying it to.

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

Password Strength Field

Last changed: 38 weeks 1 day ago

The jQuery password strength meter is a small plug in that provides an easy way to show the strength of a users password. It provides some simple options that allow you to customize the output.

VersionDateLinks
1.1.0-Minified2007-Aug-20
1.1.02007-Aug-20

PHP Code Syntax Highlighting

Last changed: 2 weeks 6 days ago

The Plugin passes PHP code from given elements (i.e. div-Containers) to an AJAX-Script which highlights the given code with the PHP builtin function highlight_string(). The returning highlighted string will be set back into the container it came from.

This plugin is nothing special but helpful for HTML-Documentation files. You can use it to write down PHP examples in simple HTML files without creating messy PHP files with code inside the code.

VersionDateLinks
1.0.02008-Apr-24

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

preloadImages

Last changed: 20 weeks 5 days ago

preloadImages makes it easy to preload any image, or a list of images. Just call $.preloadImages(['myimage1.jpg', 'myimage2.jpg']); and it'll do all the work for you - preloading one image at a time. This is controlled via a queue, so images at the start of the queue are preloaded first.

Normal usage:
Add to end of queue and start preloading.
$.preloadImages(['1.jpg', '2.jpg', '3.jpg']);

Add:
Add to end of queue