Plugins: Events

$.bind - binds an object to a function

Last changed: 25 weeks 2 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	Download Release notes	Recommended for 1.0.x
1.0.0	2008-Sep-08	Download Release notes	Recommended for 1.2.x

$.delegate

Last changed: 28 weeks 1 day 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	Download Release notes	Recommended for 1.2.x

$.event.special.drag

Last changed: 14 weeks 1 day ago

This is a jquery special event implementation of a drag event model. It is intended for use by developers who don't need one bloated script full of idiot-proof logic and a million different options. For people who plan a drag interaction model and decide how to set up pages and position elements, and don't need a script to figure that out...

Version	Date	Links	Status
1.0.0	2008-Aug-09	Download Release notes	Recommended for 1.0.x
1.4	2009-Jan-26	Download Release notes	Recommended for 1.2.x
1.5	2009-Mar-26	Download Release notes	Recommended for 1.3.x

$.event.special.drop

Last changed: 15 weeks 4 days ago

This plugin leverages the special event api, to add bind-able drop behavior events. This plugin is designed to work exclusively with $.event.special.drag, actually, it doesn't work without it.

Version	Date	Links	Status
1.0.0	2008-Aug-09	Download Release notes	Recommended for 1.0.x
1.1	2009-Jan-26	Download Release notes	Recommended for 1.2.x
1.2	2009-Mar-16	Download Release notes	Recommended for 1.3.x

$.event.special.hover

Last changed: 47 weeks 2 days ago

A new and improved special event implementation Brian Cherne's "hoverIntent" plugin (http://plugins.jquery.com/project/hoverIntent).

Version	Date	Links	Status
1.0.0	2008-Aug-06	Download Release notes	Recommended for 1.2.x

$.event.special.wheel

Last changed: 47 weeks 3 days ago

A smaller, simplified interpretation of Brandon Aaron's special event "Mouse Wheel Extension" (http://plugins.jquery.com/project/mousewheel).

Version	Date	Links	Status
1.0.0	2008-Aug-06	Download Release notes	Recommended for 1.2.x

$.externalify

Last changed: 16 weeks 2 days ago

This is a very simple plugin that allows you to quickly apply classes and rel parameters to all external links on your page.

By default the plugin will also open any external links in a new window.

Version	Date	Links	Status
0.1	2009-Feb-20	Download Release notes	Recommended for 1.0.x
0.2	2009-Mar-11	Download Release notes	Recommended for 1.2.x

accessible radio button and checkbox replacement

Last changed: 9 weeks 16 hours ago

Replaces radiobuttons and checkboxes with a more skinable Version.

Needs jQuery UI core and jQuery.bind http://plugins.jquery.com/project/bind.

Version	Date	Links	Status
1.2	2009-May-01	Download Release notes	Recommended for 1.3.x

Animated Hover

Last changed: 1 year 16 weeks ago

Animated Hover provides animated transitions between hovered items for any jQuery project. Requires jQuery 1.2+ and Dimensions

Version	Date	Links	Status
1.0	2008-Mar-14	Download Release notes	Recommended for 1.2.x

Basic Bookmark Script

Last changed: 34 weeks 3 days ago

A small and easy to implement "Add to Bookmarks" button/link script. Works in Firefox, IE and Opera 7+.

Unfortunately Safari and some other browsers do not support this functionality, in which case the script sends an alert to the user instructing her to add the site to her bookmarks manually.

Version	Date	Links	Status
0.1	2008-Nov-04	Download Release notes	Recommended for 1.2.x

BESTUPPER - It is change chars to uppercase when is typing

Last changed: 14 weeks 5 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	Download Release notes	Recommended for 1.2.x

BindO

Last changed: 17 weeks 3 days ago

If you're looking for a quick and easy way to bind your Javascript objects to jQuery events, then BindO is just for you. BindO is a jQuery plugin that makes it possible for you to capture jQuery events with an object.

For example:

// Form Mailer class
FormMailer = function() {
    // do something here
}
FormMailer.prototype = new Object;
FormMailer.prototype.submit = function(event) {
    alert('About to submit form');
    this.process(); // call the process function
    $(event.target).fadeOut(); // fade
 out #element
}
FormMailer.prototype.process = function() {
    // process data here
}

// create a new instance of FormMailer
myform  = new FormMailer();

// now bind the click event to myform.submit
$('#element').bind('click',[myform, 'submit']);

Version	Date	Links	Status
1.0.3	2009-Mar-03	Download Release notes	Recommended for 1.0.x

Bond - Dynamic Event Delegation

jQuery Bond is a plugin that automates event delegation while allowing the focus and blur events to bubble, which is a common drawback when delegating events. Bond is also designed to handle elements that haven't been added to the DOM yet - hence delegation.

A method for unbinding is also included

Version	Date	Links	Status
1.0.0	2008-Nov-19	Release notes	Recommended for 1.2.x

Bubble

Last changed: 1 year 40 weeks ago

This plugin adds bubbling functionality to jQuery. The code is similar to jQuery.fn.trigger's because it's meant to extend it. It also generates it's own event object, that will remain untouched through the bubbling, meaning it's safe to attach attributes to it and grab them with the ancestors while the event bubbles up.
I tried to use jQuery's core functions as much as possible, but most functions I needed were not compatible, and would destroy the custom event object, still the code remains short.

NOTES:

jQuery.Bubble 1.0 was tested with jQuery 1.3.1 and it's compatible with it's event system.
jQuery.Bubble 1.2 and further versions will stick to the new system(1.2 's).

Version	Date	Links	Status
1.0	2007-Aug-24	Download Release notes	Recommended for 1.0.x
1.2	2007-Sep-24	Download Release notes	Recommended for 1.2.x

Caps

Last changed: 38 weeks 1 day ago

Simple plugin that will register a keypress callback on textual form input fields that is able to determine if the user's caps lock key is activated or not. Can be useful for alerting the user when entering a password, for example. The registered callback will be called in the scope of the current element with one parameter that indicates if caps lock is on or not.

Sample

jQuery('#password').caps(function(caps){
    if(jQuery.browser.safari) return; // Safari already indicates caps lock
    // "this" is current element
    if(caps){
        alert('Your caps lock is on!');
    }else{
        // no caps lock on
    }
});

Version	Date	Links	Status
1.0.0	2008-Oct-10	Download Release notes	Recommended for 1.0.x

Checkbox Area Select

Last changed: 11 weeks 1 day ago

This plugin allows users to check or uncheck large groups of checkboxes quickly. When the user drags the mouse a red highlighting box follows the area that they have draged over. Any checkboxes within the highlit area will be checked. If the user shifts and drags then any checkboxes in the highlit area will be unchecked.

Version	Date	Links	Status
1.0.0	2009-Apr-16	Download Release notes	Recommended for 1.0.x

Clipboard

Last changed: 19 weeks 5 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

Find out more

Version	Date	Links	Status
2.0.1	2009-Feb-15	Download Release notes	Recommended for 1.0.x

Copy Events

Last changed: 1 year 28 weeks ago

Provides method for copying events from one element to another. It also provides a cloneWithEvents method that will clone the element along with the events.

Version	Date	Links	Status
1.0.1	2007-May-14	Download Release notes	Recommended for 1.0.x
1.1.0	2007-Dec-20	Download Release notes	Recommended for 1.2.x

DOM
Events

Custom event: outerClick

Last changed: 18 weeks 19 hours ago

Custom event inspired by Jan Kassens' outerclick event: http://blog.kassens.net/outerclick-event

The outerClick event is fired when an element outside of the target element is clicked.
This plugin defines the method "outerClick".

Demo: http://littleroom.se/playground/outerClick/

Usage:

// Bind an event:
$("#foo").bind("outerClick", function (event) {
    alert("You clicked outside of #foo.");
});
// or:
$("#foo").outerClick(function (event) {
    alert("You clicked outside of #foo.");
});
// Trigger the outerClick event:
$("#foo").outerClick();
// Unbind:
$("#foo").unbind("outerClick", fn);

Version	Date	Links	Status
1.1	2009-Feb-27	Download Release notes	Recommended for 1.3.x

Delay to call a function

Last changed: 2 weeks 2 days ago

In common project, we need to check our input if is valid or not when user is typing. This plugin enable support delay to check if it's valid. User can type in long word, when user stop typing. This plugin can collect and call the real function which use ajax to call remote procedure only one time.

Version	Date	Links	Status
0.1.0	2009-Jun-17	Download Release notes	Recommended for 1.3.x

DragScroll

Last changed: 11 weeks 3 days ago

DragScroll adds mouse dragging functionality to overflowed elements with scrollbars similar to Adobe Reader or Google Maps dragging.

DragScroll also triggers special events on scrolling with overfloed element, so special behavior can be bound to it.

Version	Date	Links	Status
0.9.0	2009-Apr-15	Download Release notes	Recommended for 1.3.x

DragSelect

Last changed: 9 weeks 2 days ago

DragSelect allows mouse selection also know as marquee or marching ants on specified elements. It provides also functions for managing created selections.

Version	Date	Links	Status
0.7.0	2009-Apr-29	Download Release notes	Recommended for 1.2.x

Dynamic Flash Messages

Last changed: 1 year 22 weeks 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.

Version	Date	Links	Status
1.1	2008-Jan-31	Download Release notes	Recommended for 1.0.x

Easy Google OnClick

Last changed: 29 weeks 1 day ago

Google Easy OnClick is designed to make the addition of OnClick code to a website simple and versatile. With a gamut of options, we guarantee you’ll find this jQuery plugin to be quite useful.

Version	Date	Links	Status
0.8-Beta	2008-Dec-11	Download Release notes	Recommended for 1.0.x

elementReady

Last changed: 43 weeks 2 days ago

Calls a function during page load as soon as a specific element is available — even before the full DOM is loaded. Useful for applying unobtrusive JavaScript to particular page elements immediately, without waiting for the whole DOM to load in a large page.

$.elementReady(String id, Function fn)

id is the ID of the element to wait for
fn is the callback function to be called when the element appears in the DOM; in the callback, "this" refers to the newly loaded element.

While a page is loading, call a given callback function as soon as a specific element is loaded into the DOM, even before the full DOM has been loaded. Executes the function within the context of the element. This means that when the passed-in function is executed, the ‘this’ keyword points to the specific DOM element.

Version	Date	Links	Status
0.6	2008-Sep-04	Download Release notes	Recommended for 1.2.x

Endless Scroll

Last changed: 10 weeks 5 days ago

If you don't already know, endless scroll (or infinite scrolling) is a popular technique among web 2.0 sites such as Google Reader and Live Image Search, where instead of paging through items using the traditional pagination technique, the page just keeps loading with new items attached to the end.

I have developed a jQuery plugin to easily achieve this.

Requirement: jQuery 1.2+

The plugin is tested with jQuery 1.2.6 and 1.3.

There are a few options to customise the behaviour of this plugin:

bottomPixels (integer) - the number of pixels from the bottom of the page that triggers the event
fireOnce (boolean) - only fire once until the execution of the current event is completed

Version	Date	Links	Status
1.2	2009-Jan-15	Download Release notes	Recommended for 1.2.x
1.3	2009-Apr-20	Download Release notes	Recommended for 1.3.x

Ensure Focus

Last changed: 30 weeks 2 days ago

Ensure Focus is an utility plugin to ensure that a component have input focus when you need it.

Usage:

$('input:first').enfocus({timeout: 1000});

timeout is used to focus the component after the specified milliseconds from component's blur (default: 5000).

This helped me very much working on embedded devices with integrated barcode readers that sends every character on the keyboard buffer

Version	Date	Links	Status
1.0.0-20081204-b1	2008-Dec-04	Download Release notes	Recommended for 1.0.x

Event Bound Selector

Last changed: 20 weeks 1 day ago

description

This plugin extends the jquery selector so you can select based on events bound to the elements.

usage

General usage to select:

":bound(eventname.namespace)"

Multiple events can be specified by a space between events in the parenthesis. (E.G., ":bound(event1.namespace event2 event3)")

so, to get all the forms that have a submit event bound:

$("form:bound(submit)")

the reverse, all forms that don't have a submit event bound:

$("form:not(:bound(submit))")

to get all the forms that have a specific submit with namespace "happy":

$("form:bound(submit.happy)")

to get all the forms that have a specific submit with namespace "happy", and a click event:

$("form:bound(submit.happy click)")

Version	Date	Links	Status
0.1	2009-Feb-13	Download Release notes	Recommended for 1.0.x

Event Handler

Last changed: 47 weeks 4 days ago

Event Handler plugin was made to make handling your event handlers a little easier. It adds one new method called eventH to jQuery which can only be invoked using $.eventH(). It expects two arguments (action, options) which must follow the following guidelines:
action must be a string == "bind" OR "unbind" OR "rebind" OR "add" OR "remove"
options must be an object (hash) that may contain the following:

  useList: {
    key: "the value must be set, but is not used",
    anotherKey: null,
    keying: "Bla",
    hex: null
  }
  skipList: {
    key: "same rules as useList"
  }
  newHandler: {
    type: ["click", "mouseover", "mouseout"],
    name: "key",
    selector: "jQuery Selector",
    func: [
      function(){
        //Click
      },
      function(){
        //MouseOver
      },
      function(){
        //MouseOut
      }
    ]
  },
  handlers: [
    {type:["change", "click", "focus", "blur"], name: "key", selector: "p", func: [function(){
        //Change
      },
      function(){
        //Click
      },
      function(){
        //Focus
      },
      function(){
        //Blur
      }
    },
    {type:["change", "click", "focus", "blur"], name: "key", selector: "p", func: [function(){
        //Change
      },
      function(){
        //Click
      },
      function(){
        //Focus
      },
      function(){
        //Blur
      }
    },...
  ]

Version	Date	Links	Status
1.0	2008-Aug-04	Download Release notes	Recommended for 1.0.x

Extends jQuery´s live-Method to support more event-types

Last changed: 6 weeks 1 day ago

Extends jQuery´s built-in event delegation methods 'live' and 'die' to support mouseenter, mouseleave and change. It also implements focusin and focusout Events (by Jörn Zaefferer), wich can substitue the focus/blur Event and can be used with both the live or the bind method.

//hover with live
$('tr').liveHover(function(e){
		console.log('enter')
	},
	function(e){
		console.log('leave')
	});
//mouseenter with live
$('tr').live('mouseenter', function(e){
		console.log('enter')
	});
	
//change with live
$('input').live('change', function(e){
		console.log('changed')
	});

Note: The change-Event used with the live-Method is also normalized. It will behave how the change-event in modern browser or how it is specified by the W3C HTML 5 working group. (no more click to notice a change on radiobuttons/checkboxes)

Note the extension also adds support for a kind of bubbling, if you use the bubbleLive-method:

Version	Date	Links	Status
1.0.5	2009-May-21	Download Release notes	Recommended for 1.3.x

FastTrigger

Last changed: 1 year 12 weeks 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

Version	Date	Links	Status
1.0.0	2008-Apr-05	Download Release notes	Recommended for 1.2.x

FixClick

Last changed: 29 weeks 1 day ago

With this plugin , when click and double click (dblclick) both are bind to the same object , only one event can be executed. Just single click will be delay for 300 ms.
Usage:

$("#test").fixClick(fuction(){
   //do sth here when click
},function(){
  //do sth here when dblclick
});

Version	Date	Links	Status
1.0.0	2008-Dec-12	Download Release notes	Recommended for 1.2.x

Focus Tracker

Last changed: 8 weeks 3 days ago

Using this plugin you can retrieve the currently focused DOM Element at any time.

This plugin depends on jquery.livequery until jQuery does not support life focus and blur event tracking.

Usage :

// elm is the DOM Element owning the focus or null if no 
// DOM Element has the focus
var elm = jQuery.focused();

Version	Date	Links	Status
1.0.0	2009-May-06	Download Release notes	Recommended for 1.3.x

hasEvent

Last changed: 45 weeks 4 days ago

Checks to see if an element has a specified event. Returns true or false.

Version	Date	Links	Status
1.0.0	2008-Aug-18	Download Release notes	Recommended for 1.0.x

History Event

Last changed: 38 weeks 1 day ago

Tested with IE6/7, Firefox 3, Opera 9.6, Safari 3.1.1, Chrome 0.2

Adds a history event to jQuery. Allows dynamic pages to create page states and easily recall them when user navigation occurs (such as the back button).

$(function() {
    $('#status').history(function(e, currentHash, previousHash) {
        $(this).html('User navigated to: ' + currentHash);
    });

    $('#status').historyadd(function(e, currentHash, previousHash) {
        $(this).html('Navigation added: ' + currentHash);
    });

    $(window).history(function(e, hash) {
        //myCustomLoadFunction(hash);
    });

    $('#button').click(function() {
        $.history.add('item123');
    });

    $('#status').html('The initial location is: ' + $.history.getCurrent());
});

Version	Date	Links	Status
0.1	2008-Oct-09	Download Release notes	Recommended for 1.2.x

Hook

Last changed: 45 weeks 2 days ago

Build hooks into your code. The trigger or hook is called, looking for an implementation
For an example, after an execution, a registered event is a called like "finished POST" - then the call back, if it exists is called.

Inspired by drupal's hook mechanism.

TODO:
* make the hook callbacks more flexibile

Version	Date	Links	Status
0.1.3-dev	2008-Aug-20	Download Release notes	Recommended for 1.0.x
0.1.2-dev	2008-Jun-06	Download Release notes	Recommended for 1.1.x

IFRAME event propagation

Last changed: 29 weeks 1 day ago

This plugin will provide event propagation to any iframes that also use jQuery. This is especially handy with resize events that many browsers don't always send to each IFRAME (e.g. IE6, any browser when IFRAME is not fully expanded to fill 100% content, etc.).

How to use:

(This example makes use of the provided custom frameresize event)

First add a handler to the source HTML of your IFRAME (note that it's added to the document DOM object):

    $(document).ready(init);

    function init()
    {
        $(document).frameresize(onResize);
    }

    function onResize()
    {
        alert('frame1 resized');
    }

Then, add code to your main web page:

    $(document).ready(startup);
    
    function startup()
    {
        $(window).resize(onResize);
    }
    
    function onResize()
    {
        $("iframe").framecontext().propagate("frameresize");
    }

Version	Date	Links	Status
0.2	2008-Dec-11	Download Release notes	Recommended for 1.2.x

imValidateForm

Last changed: 3 weeks 2 days ago

Prior to using JQuery, I had developed Javascript object that validated forms prior to submission. I got the basic concept (and some code) from the book, “Beginning Ajax with PHP” by Lee Babin. I modified it a great deal. Once I began using JQuery, I converted the Javascript object to a JQuery plugin. Unlike most validation plugins which validate input on exit of the field (onBlur), the imValidateForm plugin validates the entire form once the user clicks the submit button. The plugin also handles the submission (ajaxally, of course) and allows you to disable the submit button to prevent double-clicking.

The imValidate plugin will validate the following:

Required Fields/Exclude Values
Valid Email
Either/Or (Either input 1 or input 2 must be entered)
Valid values (Must be equal to)
Checked Values (is the field checked)
Is Numeric
Is Alpha Only
Meets Condition (==, !=, <, <=, >, >=)

Version	Date	Links	Status
1.2	2009-Jun-10	Download Release notes	Recommended for 1.3.x

Intercept

Last changed: 1 year 16 weeks ago

This plugin simplifies the use of Event Delegation with multiple different descendants.

This concept is very useful for pages with dynamic content (f.e: AHAH) where DOM elements are created and removed constantly, requiring re-binding.
This method also saves a lot of resources, as it uses less event handlers to achieve the same objective.

It can be used in 2 ways:(I will exemplify with a table)

$('table')
       .intercept('click', 'tr', function(e){...})
       .intercept('click', 'td.happy', function(e){...})
       .intercept('click', '#something', function(e){...});

$('table').intercept('click', {
    tr: function(e){...},
    'td.happy': function(e){...},
    '#something': function(e){...}
});

By calling intercept on the same element/event, the new handler/s are appended to the old list.

Version	Date	Links	Status
1.0.1	2007-Aug-24	Download Release notes	Recommended for 1.0.x
1.0.2	2007-Sep-11	Download Release notes	Recommended for 1.1.x
1.1.2	2008-Mar-10	Download Release notes	Recommended for 1.2.x

iPhone

Last changed: 40 weeks 2 days ago

jQuery iPhone Plugin extends jQuery's functionality for specific iPhone usages.

Version	Date	Links	Status
0.1.2-AIO	2008-Apr-22	Download Release notes	Recommended for 1.0.x
2.0.3-AIO	2008-Sep-24	Download Release notes	Recommended for 1.2.x

jGesture

Last changed: 37 weeks 2 days ago

A cross browser jQuery plugin for detecting mouse gestures. Enable your application with the standard gestures or create your own.

Version	Date	Links	Status
1.0.3	2008-Oct-16	Download Release notes	Recommended for 1.2.x

jqPageFlow - Ajax scrolling pagination

Last changed: 23 weeks 5 days ago

Simply put, this plugin makes the scrolling
pagination found on sites like dzone.com and Google Reader easy to implement on your site.

Configurable, and intended to be used on an automatically generated page using a backend script (eg php).

Please note that this plugin is still currently in beta, so if you find any problems please post a bug submission to http://code.google.com/p/flexidev/issues/ with as much information as possible

Version	Date	Links	Status
0.2-beta-1	2009-Jan-18	Download Release notes	Recommended for 1.0.x

jQuery AOP

Last changed: 1 year 14 weeks ago

jQuery AOP is a very small plugin that adds features of aspect-oriented programming (AOP) to jQuery. It allows to add advices (Before, After, Around and Introduction) to any global or instance object.

Features

Allows to add Before, After,Around and Introduction advices.
Allows to define point-cuts using regex to match multiple methods.
Works with global function and object methods.
Advices can be removed after being applied.
Just 539 bytes! (Minified and Gzipped)

Version	Date	Links	Status
1.1	2008-Mar-23	Download Release notes	Recommended for 1.1.x

JQuery Connect

Last changed: 4 weeks 6 days ago

This plugin allows us to bind a function to another function.
so that we can execute a function when ever a function from another object or plugin is executed.
We can connect more than one function.
This plugin provides disconnect, disconnect all functions also, so that we can disconnect the connected functions.
It is similar to dojo.connect function.
Using connect function we can connect to an event of a dom element also, so that we can use same connect function for both dom elements and for the functions.
Example:

  function Class1(){
      this.fun1 = function(){
       called1 = 'calss1-fun1';
      }
  }
     var c1 = new Class1();
  function Class2(){
     this.fun1 = function(){
       called2 = 'class2-fun1';
     }
  }
     var c2 = new Class2();
     $.connect(c1,'fun1',c2,c2.fun1);

Version	Date	Links	Status
1.0-rc-2	2009-May-31	Download Release notes	Recommended for 1.0.x
1.0.1-rc-2	2009-May-31	Download Release notes	Recommended for 1.3.x

jQuery Extended Click Events

Last changed: 39 weeks 2 days ago

This plugin gives you extra click events in your projects: {ctrl+}{,alt+}{,shift}+click.

Very easy to use: $('#el').bind('ctrlclick', function() { ... });

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

// Test out all the hot, new clicks!
$(document).ctrlclick(function(e) {
    alert(e.type+'!');
});

$(document).bind('altshiftclick', function(e) {
    alert(e.type+'!');
});

Available flavors:

ctrlclick
altlclick
shiftclick
ctrlshiftclick
ctrlaltclick
altshiftclick
ctrlaltshiftclick

Version	Date	Links	Status
1.0.0	2008-Oct-01	Download Release notes	Recommended for 1.2.x

jQuery Flick

Last changed: 45 weeks 6 days ago

This plugin adds Apple iPod/iPhone (firmware 2.0+) flick/scroll functionality to jQuery. Use built in Touch methods including ontouchstart, ontouchend and ontouchmove.

Includes rubber banding if the user scrolls past the top/bottom of the scrollable region. There is also an internal division ontouchstart to place over any clickable elements. This prevents items that are in the scrollable region from being clicked while you are in mid scroll.

Written By: Peter Schmalfeldt ( Manifest Interactive )

Version	Date	Links	Status
1.0.0-full	2008-Aug-17	Download Release notes	Recommended for 1.2.x

jQuery FormGroup

"jQuery FormGroup" is the simple and compact plugin for customize checkboxes/radio elements from CSS.

The checkboxes/radio elements have "display:block" CSS property after plugin use.
The cheked elements have ".checked" and unchecked have ".unchecked" CSS class property.

Usage:

1. Describe CSS classes (".checked", ".unchecked") in your styles.
For a sample:

  .checked, .unchecked {width:8px; height:8px;}
  .checked {background:#4e0; border:2px solid #666;}
  .unchecked {background:#666; border:2px solid #ddd;}

2. For markup as follows:

jQuery Google Analytics Plugin

Last changed: 3 weeks 23 hours ago

jQuery Google Analytics Plugin

Introduction

The jQuery Google Analytics plugin does the following:

1) improves page load times by deferring the loading of Google Analytics to after the page has been loaded.
2) simplifies event and link tracking.
3) helps you track error pages (404, 500) as described "here":http://www.google.com/support/analytics/bin/answer.py?hl=en&answer=86927.

Version	Date	Links	Status
1.1.2	2009-Jun-12	Download Release notes	Recommended for 1.0.x

jQuery Growl

Last changed: 35 weeks 4 days ago

jQuery Growl is a Growl like notification plugin for jQuery (tested with version 1.2.3).

You can view a demo of it here:

http://projects.zoulcreations.com/jquery/growl/

Or download the uncompressed source here: NOTE: as this project is still fairly young, it is best to obtain a copy of the latest source from the demo page.

http://projects.zoulcreations.com/jquery/growl/jquery.growl.js

jQuery Growl is easily 'skinned' (themed, templated, whatever you want to call it) by using the following code syntax:

$.growl.settings.displayTimeout = 4000;
$.growl.settings.noticeTemplate = ''
+ '<div>'
+ '<div style="float: right; background-image: url(my.growlTheme/normalTop.png); position: relative; width: 259px; height: 16px; margin: 0pt;"></div>'

Version	Date	Links	Status
1.0.0-b3	2008-Sep-04	Download Release notes	Recommended for 1.0.x
1.0.1	2008-Oct-27	Download Release notes	Recommended for 1.2.x

jQuery hash change event

Last changed: 14 weeks 4 days ago

Генерирует событие 'hashChange' (в контексте document) и обеспечивает историю посещений для всех браузеров на любое изменение location.hash.
Пример использования: $(document).bind('hashChange', function(e, newHash){ ... });
Изменять location.hash можно любым способом, включая обычные ссылки (bla).

Version	Date	Links	Status
0.2	2009-Mar-23	Download Release notes	Recommended for 1.0.x
0.1	2009-Mar-21	Download Release notes	Recommended for 1.3.x

Plugins

Search

User login

Browse Plugins

Can't find a Plugin?

Website Bug or Feature Request?

Plugins: Events

Sample

Overview

description

usage

What is it

How is this achieved

Differences with trigger

Perfomance

Global triggering

Usage:

jQuery Google Analytics Plugin

Introduction