Plugins: Utilities
jQuery Doubleselect Plugin
Last changed: 10 weeks 1 day ago
jQuery Doubleselect Plugin
Fill in a second select box dependent on the first one.
Written by : Johannes Geppert
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.1.0 | 2009-Apr-24 | Recommended for 1.3.x | ||
$.bind - binds an object to a function
Last changed: 25 weeks 3 days ago
This methode allows you to bind an object and sveral arguments to a function.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0.1 | 2009-Jan-07 | Recommended for 1.0.x | ||
| 1.0.0 | 2008-Sep-08 | Recommended for 1.2.x | ||
$.delegate
Last changed: 28 weeks 2 days ago
This is a jquery plugin which handles event delegation. There are a bunch of delegation plugins out there, and this is just an example of additional functionality, that I wanted to try before delegation gets added to the core.
The "delegate" method takes 3 or 4 arguments:
- type - The type(s) of event being bound/delegated. Seperate multiple events with spaces.
- selector - The selector(s) to match against event.targets and execute the provided handler. Seperate multiple selectors with commas (extra spaces are allowed).
- handler - The function to call against the matching selector(s). The scope (this) will be the matched element.
- data - (optional) Any data to be shared between handlers via the event.data property. Currently, only the initial binding of a delegate handler will bind the data. This will be easily fixed for the next release.
The "undelegate" method takes 0 to 3:
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.1 | 2008-Dec-18 | Recommended for 1.2.x | ||
$.editableAreas
This plugin allows you to convert parts of the page into editable areas, just click on them and when you finish editing click outside. If you convert an inline element (h1...h5, p ) with this script, the line breaks will be disabled.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 0.4 | 2009-Mar-02 | Recommended for 1.0.x | ||
$.talk (Talk!)
Last changed: 15 weeks 5 days ago
The talk function is a micro-utility, class method, built for plugin developers, to allow plugins to talk to each other on "channels". By talking to a channel, and identifying the plugin, and key (instance of the plugin), settings may be changed on the fly, by any other plugin, a callback, or any piece of code that possesses the key.
The first plugin to use this utility is the Wayfarer Tooltip (wTooltip) http://plugins.jquery.com/project/wayfarer-tooltip .
Talk! actually consists of two functions:
$.talk(settings)and
$.listen(settings);Both functions return settings as they are. $.talk changes the settings as they appear on the channel, where they can be read or set by any function that possesses the key. $.listen retrieves the settings in the channel, then returns them.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0.1 | 2009-Mar-16 | Recommended for 1.0.x | ||
(mb)Tooltip, a beautiful alternative
Last changed: 19 weeks 1 hour ago
Nice tooltip for yor page!
Now you can replace the ugly default tooltip with this smart and nice one!
demo:http://pupunzi.wordpress.com/2009/02/07/mbtooltipmbtooltip/
dependencies:
jquery.timers.js
jquery.dropshadow.js
How does it work:
here is the js call:
$(function(){
$("[title]").mbTooltip({
opacity : .90, //opacity
wait:500, //before show
ancor:"mouse", //"parent"
cssClass:"default", // default = default
timePerWord:70, //time to show in milliseconds per word
hasArrow:false,
color:"white",
imgPath:"images/",
shadowColor:"black",
fade:500
});
})here is the code for each image:
try to mouseOver each of the text in this page... wait just few seconds... and...
...
prova tooltip (span)
...
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0.0 | 2009-Feb-07 | Recommended for 1.0.x | ||
| 1.1.0 | 2009-Feb-21 | Recommended for 1.3.x | ||
:attr
Last changed: 44 weeks 10 hours ago
This very small plugin to jQuery adds the ':attr' selector to the custom selector list.
It allows specifying more advanced options on attributes than the usual [@attribute] selector.
Example of use:
$('p:attr( @id>2 && @id<4 )').hide();
would hide every paragraphs with 2<id<4...You can compare strings with the following syntax:
$('p:attr( "@id">"B" )');
would select every paragraphs where id>B in alphabetical order.The expression placed in parameter will be evaluated with the attributes values and you can put any boolean-evaluated expression inside the parenthesis like the following
$('p:attr((@id==1) || (@id>2 && @id<4))').hide();| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0.0 | 2008-Aug-30 | Recommended for 1.2.x | ||
:data() selector filter.
Last changed: 6 weeks 5 days ago
This plugin allows you to query elements for data that has been added using the $(elem).data() function. This works in a way similar to querying elements for attributes using the [attr] filters. You use it something like this:
$("#someElem:data('bar=foo')");
Just like [attr] it allows for more complex matching such as: != (does not equal), ^= (starts with), $= (ends with), *= (contains).
Since the $(elem).data() function also excepts objects you can query for object properties using:
$("#someElem:data('object.property.something^=bar')");
Read on...
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0.0 | 2009-May-18 | Recommended for 1.3.x | ||
:path
Last changed: 1 year 8 weeks 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.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0 | 2008-May-03 | Recommended for 1.0.x | ||
Accessible
Last changed: 1 year 27 weeks 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.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 0.1.0-dev | 2007-Dec-27 | Recommended for 1.2.x | ||
Activebar2
Last changed: 19 weeks 1 day ago
Activebar2 is a crossbrowser information bar mimicking the look and feel of the widely spread bars used in modern browsers. It provides an easy and unobtrusive way of communicating all sorts of messages to your users. Or to provide help by displaying tips and usage informations.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 2.0.1 | 2009-Feb-20 | Recommended for 1.3.x | ||
AjaxFilter
Last changed: 47 weeks 1 day ago
This plugin requires jQuery +1.3. that includes 1.3 beta releases (already out)
This tiny plugin provides a registry for different filter functions to sanitize ajax responses.
If you want to provide a new implementation, you need to do something like this:
jQuery.ajaxFilter.register( 'js_in_href', 'html', function( data ){
return data.replace(/href="javascript:[^"]+"/g, '');
});or
jQuery.ajaxFilter.register('eval', 'script html json', function( data ){
return data.replace(/eval\(.+?\);?/g, '');
});Arguments for jQuery.ajaxFilter.register() are:
- Name for the filter, used as 'filter' when calling jQuery.ajax.
- One or more dataTypes to handle. Can be any combination of ajax, html, json and xml separated by spaces.
- The filter function. Will receive 2 arguments: the data and the type. The 'this' will reference the settings object.
To use it, you do:
jQuery.ajax({
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0.1 | 2008-Aug-08 | Recommended for 1.2.x | ||
Alternate
Last changed: 19 weeks 2 days ago
Assign alternating class names to selected elements (such as <tr> or <li> etc) to allow CSS assignment of colors or other styles of your choice. Excellent plugin for alternating row colors in tables! As a bonus, it will assign a "hover" class to elements if you set hover:true
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1 | 2009-Feb-13 | Recommended for 1.0.x | ||
| 1.1.1 | 2009-Feb-19 | Recommended for 1.3.x | ||
aqCookie
Last changed: 35 weeks 1 day ago
Provides simple functions to get and set cookies. Cookies can be set by providing a pair of key/value pair. del removes the named cookie by setting it to a date that is long past. get gets a list of named cookies; it returns an associative array.
$.aqCookie.domain = '.example.com';
$.aqCookie.set('last','Doe');
$.aqCookie.set('first','John');
var arry = $.aqCookie.get(['last','first']);
alert('Hello there Mr. '+arry['last']+', '+arry['first']);| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0 | 2008-Oct-31 | Recommended for 1.2.x | ||
aqStamp
Last changed: 22 weeks 14 hours ago
Converts UNIX timestamp to human readable text. Text can be configured for localization.
$.aqStamp(1233394606);
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0 | 2009-Jan-31 | Recommended for 1.0.x | ||
Aspect Ratio
Last changed: 1 year 8 weeks 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?
- Add the jquery library to your page.
- Add the Dimensions plugin to the page - http://plugins.jquery.com/project/dimensions
- 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!
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0.0-beta1 | 2008-May-08 | Recommended for 1.0.x | ||
Automatic HTML links generation for URLs found in HTML text (Linkize)
Last changed: 33 weeks 4 days ago
Automatic HTML links generation for URLs found in HTML text
Given an element, the plugin parses HTML text within the child nodes recurrsively and generates HTML links for the URLs found.
Usage: jQuery("#div1").linkize();
This is just the first cut and not the best solution.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 0.1-dev | 2008-Nov-11 | Recommended for 1.2.x | ||
Autotab
Last changed: 41 weeks 1 day ago
Autotab provides smart auto-tabbing and filtering on text fields in a form. Simply put: once you have typed the maximum number of characters in a text field, you will automatically have focus on the next defined text field. Target text fields are defined, as well as a defined previous text field. Also included is a filter that can format or cleans out any unwanted characters in a text field, which is especially useful for product keys, serial numbers, phone numbers, confirmation numbers, social security numbers and much more. It's an auto-tab that works logically and allows you to edit previously typed content with ease!
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.1.0-b | 2008-Sep-19 | Recommended for 1.0.x | ||
Background Layers
Last changed: 28 weeks 3 days ago
If you've ever found yourself wishing you could add multiple/layered backgrounds to a div tag, you found that multiple backgrounds for div tags were not supported. The solution is to use the Background Layers plugin. The concept is similar to the use of layers in Photoshop, one background image on top of another.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0 | 2008-Dec-17 | Recommended for 1.2.x | ||
Batch
Last changed: 1 year 8 weeks 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).
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0.1 | 2008-May-09 | Recommended for 1.2.x | ||
BESTUPPER - It is change chars to uppercase when is typing
Last changed: 14 weeks 6 days ago
BestUpper is change chars to uppercase when is typing. It is support English and Turkish keyboard now. It is clear white spaces when exiting the control in blur event.
Here's an example of how you'd use this plugin:
<script type="text/javascript">
$(document).ready(function() {
$('.bestupper').bestupper();
});
</script> For Turkish: Türkçe demo sayfası ve diğer açıklamalar için aşağıdaki sayfayı ziyaret ediniz.
http://www.mustafaozcan.net/tr/page/jquery-bestupper-jQuery-Buyuk-Harf-Eklentisi.aspx
For English: Visit demo site.
http://www.mustafaozcan.net/en/page/jquery-bestupper-jQuery-UpperCase-Plugin.aspx
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0 | 2009-Mar-22 | Recommended for 1.2.x | ||
Cache Image
Last changed: 16 weeks 2 days ago
A simple plugin for pre-caching images. The plugin can be used to eliminate flashes of unstyled content (FOUC) and improve perceived page load time. Callbacks for load, error and abort events are provided.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 0.1 | 2008-Dec-22 | Recommended for 1.2.x | ||
Calculation Plug-in
Last changed: 3 weeks 3 days 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.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 0.4.5 | 2009-Jun-10 | Recommended for 1.3.x | ||
CalendarView
Last changed: 5 weeks 3 days ago
The Calendar widget is a JavaScript-based calendar that can either be embedded within a page or popup when a trigger element is clicked. It is based very loosely on the Dynarch Calendar and CalendarView for Prototype.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.2 | 2009-May-27 | Recommended for 1.0.x | ||
Chainclude
Last changed: 15 weeks 5 days ago
include js and css files in a chain and as a sequence of files.
This plugin is merged with includeMany.
or click here or here
you can check includeMany for documentation or read it here.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.2.0 | 2009-Mar-16 | Recommended for 1.0.x | ||
Change language
Last changed: 23 weeks 1 day ago
LangChange - a jQuery Plug-in
jQuery plug-in: "LangChange". With it, you can change the language of your website in a click and without reloading your page. Simply create an xml file with all your texts in the desired languages.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0 | 2009-Jan-22 | Recommended for 1.0.x | ||
childOf
Last changed: 20 weeks 2 days ago
A very simple and small (175 bytes minifed/ 661 bytes un-minified) plugin to test if elements are the child of another element. The parent element can be a selector or a jQuery object, but you can only pass in one parent element (which would seem kinda obvious but something tells me it should be stated anyway).
Here's a quick example:
<div id="gramps">
<ul id="pops">
<li id="kid1"><span id="subkid1">one</span></li>
<li id="kid2"><span id="subkid2">two</span></li>
<li id="kid3"><span id="subkid3">three</span></li>
</ul>
</div>
console.log( $('#kid1, #kid2, #kid3').childOf( $('#gramps') ) ); //logs false
console.log( $('#kid1, #kid2, #kid3').childOf( $('#pops') ) ); //logs true
console.log( $('#kid1, #kid2, #kid3, #subkid3').childOf( $('#pops') ) ); //logs false
Clipboard
Last changed: 19 weeks 6 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. Compatible with jQuery 1.2.x and 1.3.x, requires Flash 8+ in non-IE browsers.
Version 2.0.1 released February 15, 2009
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 2.0.1 | 2009-Feb-15 | Recommended for 1.0.x | ||
ClockPick, a Time Picker
Last changed: 3 weeks 4 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.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.2.6 | 2009-Jun-08 | Recommended for 1.0.x | ||
cloudinizr
Last changed: 33 weeks 5 days ago
Generate a tag cloud given an element filled with words.
$('#example').html($('textarea').val()).cloudinizr();| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0 | 2008-Nov-10 | Recommended for 1.0.x | ||
Codepress Plugin
Last changed: 1 year 19 weeks ago
IMPORTANT: This project will not be maintained on this system. Please visit the official website for the latest download files and support:
http://www.fyneworks.com/jquery/Codepress/
-
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.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 0.1.0 | 2007-Jun-30 | Recommended for 1.0.x | ||
Collection
Last changed: 1 year 22 weeks 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.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0.3 | 2008-Jan-29 | Recommended for 1.2.x | ||
Collidable Draggables
Last changed: 14 weeks 2 days ago
Adds collision detection to draggable objects.
Add "collide: 'block'" or "collide: 'flag'" when you create a draggable:
$(".box").draggable({collide: 'flag'});
or
$(".box").draggable({collide: 'block'});
In 'flag' mode overlapping objects receive new classes - 'ui-draggable-overlapping' for the object being dragged and 'ui-draggable-overlapped' for the other object. In 'block' mode objects are blocked from overlapping other objects by being snapped to the edge of the object they collided with.
This doesn't currently play well with constraints because they are applied before the drag event is propagated.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 0.0.1 | 2009-Mar-26 | Recommended for 1.3.x | ||
color-utils
Utility for using colors.
Check the document page for more information.
http://code.google.com/p/jquery-color-utils/wiki/Document
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 0.1.0 | 2008-Jul-02 | Recommended for 1.0.x | ||
Column cell selector
This jQuery plugin adds a new selector to the selector API for retrieving table cells by their column index. It supports tables with column and row spans transparently, no matter how complex a table is. The syntax for selecting column cells is simple and similar to other jQuery selectors. The selector can take several types of arguments for selecting columns, such as keywords, numeric indexes, and equations.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 0.13 | 2009-Jun-02 | Recommended for 1.3.x | ||
Conway's Game of Life
Last changed: 10 weeks 1 day ago
The jQuery Life Plugin allows you to easily insert a simulation of the Conway's Game of Life in your web.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0.1 | 2009-Apr-24 | Recommended for 1.3.x | ||
Cookie
Last changed: 1 year 22 weeks ago
A simple, lightweight utility plugin for reading, writing and deleting cookies.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0 | 2008-Jan-26 | Recommended for 1.0.x | ||
Cookies
My trusty old JavaScript cookie handling library modernized and given jQuery bindings. Set, Get, and Delete cookies, bind input fields to cookies (and vice-versa), and more.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 2.1.0 | 2009-May-11 | Recommended for 1.3.x | ||
CSS Class-based Animations
Last changed: 28 weeks 4 days ago
You might like this plugin if you can't stand CSS/presentation creeping into your JavaScript through jQuery.animate calls.
Keep presentation where it should be (in linked or inline CSS class definitions) and just animate to and from CSS classes.
Now, you can write:
$('div').animate('.myCssSelectedClass');instead of:
$('div').animate({
height: '100px', //expand down
opacity: 1 //fade in
// ... //etc, etc.
})
.find('a') //now animate the anchor elems inside
.animate({
top: 100px,
left: 100px // slide in from upper left
// ... // etc, etc.
})
.end()
.find('p') //and the paragraph elems
.animate({
top: 200px // slide in from the top
// ... // etc, etc.
})
// ... // and on and on| Version | Date | Links | Status | |
|---|---|---|---|---|
| 0.8-min | 2008-Dec-16 | Recommended for 1.2.x | ||
CSS Object Oriented with jQuery and cssWithVars
Last changed: 14 weeks 6 days ago
Today I have brought to light the first version of the plugin for jQuery which I have called "cssWithVars". After many years of web development, one of the things that has bothered me is the inability to implement the object orientation to CSS, and always ended up with duplicate code, plus the CSS frameworks available today, forcing the user to know them properly and not supply the object orientation. cssWithVars uses variables and enables effective reuse of code, we can use our classes as variables.
ctRotator
Last changed: 33 weeks 3 days ago
An highly customizable item/image rotating script. Supports creating the rotator from various data sources, such as JavaScript object, HTML UL/OL list, RSS feed, Flickr feed. More data sources can be supported with custom bridges.
Preview the plugin: http://test.thecodecentral.com/ajax-rotator/
Full documentation: http://thecodecentral.com/2008/11/12/ctrotator-a-flexible-itemimage-rota...
Call ctRotator with a data source on a selected element:
<ul id="container"></ul>
<script type="text/javascript">
$('#container').ctRotator(dataSource, {
showCount:5,
speed:1000
});
</script>Format of the data source (can be from other sources):
var dataSource = [
{title: 'test', url: 'http://thecodecentral.com', tip: 'Programmer\'s blog for programmers'},
{title: 'test2', url: 'http://thankyouproject.org', tip: 'Fill the World with Thanks'},
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 0.9-rc-1 | 2008-Nov-12 | Recommended for 1.2.x | ||
Currency
Last changed: 43 weeks 5 days ago
Currency: an unobstrusive automatic and real time currency conversion
This is a small tool that may prove to be usefull. It permits automatically converting any currency to any other currency on a website, with real time quotes. It is
implemented using an ajax PHP script backend (for cross-domain issue).
How to install:
Simply copy the currency-ajax.php file to the website (for example in the root folder), the jquery.currency.js and currency.css files. In addition, you can use the set
of icons provided in the package, or your own.
How it works:
Currency reads automatically traverses the DOM and processes every element tag with class currency. Each automatically converted currency value uses the
rel= tag for the options.
Here is an example:
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0.0-0 | 2008-Sep-01 | Recommended for 1.2.x | ||
currencyFormat
Last changed: 13 weeks 2 days ago
A simple, small (715 bytes) currency formatter; format a numeric value in an element, or pass a number to it and get a formatted value back. Options to set the separator (default is comma), decimal point (default is period), and digits after decimal point (default is two): {s:",",d:".",c:2}
$('#some_element').currency() //will format the text of the element
$.currency(123456.78,{options}) //formats number and returns string
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0.0 | 2009-Apr-02 | Recommended for 1.0.x | ||
Cursor Message - a Tooltip-like message for any event
Last changed: 38 weeks 3 days ago
Cursor Message is a tooltip-like jQuery plug-in, to show messages near the cursor on any event. You can pass options to cursorMessage() using the following syntax:
$.cursorMessage(message [, options] );
the options object can contain the following properties
- offsetX: pixel offset X-axis message from cursor (default 5)
- offsetY: pixel offset Y-axis message from cursor (default 5)
- hideTimeout: milliseconds to display the message (default 1000)
Example usage on http://www.kingsquare.nl/cursormessage
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 0.1 | 2008-Oct-08 | Recommended for 1.2.x | ||
datemaker
Last changed: 39 weeks 3 days 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') });
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 0.1.1 | 2008-Feb-19 | Recommended for 1.0.x | ||
dateNet (jQuery, Date and .Net)
Last changed: 7 weeks 1 day ago
Two way date converter from javascript object to .net jsonized format.
read more at
http://www.arashkarimzadeh.com/jquery/20-datenet-jquery-date-and-net.htm...
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0.0 | 2009-May-15 | Recommended for 1.0.x | ||
Default Animation Speed
Last changed: 1 year 27 weeks 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");
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0.1 | 2007-Dec-28 | Recommended for 1.2.x | ||
delegate
Last changed: 10 weeks 4 days ago
Simple event delegation; useful for dynamically updated content to avoid eval or attaching new event handlers. Now mostly replaced with live() but can still have its uses.
Usage: pass an object containing name-value pairs as 'selector':function
For example, an unordered list in which each li is added dynamically and each has its own function:
$('div#pane0 ul').delegate('click',{
'li#watching,em#watchCount': function(){...},
'li#popularsearches': function(){...},
'li#browse': function(){...}
);
NB: won't work with all event types.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0.0 | 2009-Apr-21 | Recommended for 1.0.x | ||
Disable text select
Last changed: 30 weeks 4 days ago
Enables or disables text selection in order to avoid visitors copying copyrighted text.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0.0 | 2008-Dec-02 | Recommended for 1.0.x | ||
