We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.
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.
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...
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.
This little jQuery-plugin defines the position, that developers don't need to know whether an element was clicked or used with the keyboard - he just needs to know, that an element was activated (by the user). So onActivation binds basically a click- and a keyup-event to a defined element, and the developer makes sure by using this plugin, that even keyboard users are ready to go. Additionally the plugin also prevents double clicks where double clicks shouldn't be valid.
Use it like this:
$("input[type='submit']").onActivation(function() { // do something ... });
or:
$("a").onActivation(function() { // do something ... });
This is actually about two closely related plugins, that each add two special events to jQuery.
The first plugin is jquery.focusenterleave which adds the "focusenter" and "focusleave" events. These are to focusin and focusout what mouseenter and mouseleave are to mouseover and mouseout. That essentially means tabbed focussing does not bubble.
The second plugin (jquery.enterleave) combines these new events focus[enter|leave] with mouse[enter|leave] to form two new events, aptly named "enter" and "leave".
As with jQuery Action ( http://plugins.jquery.com/project/action-event ), I wanted a universal approach to the interface, whether the user wishes to tab through content or use the mouse.
jquery.enterleave is extremely handy when hiding/showing the user certain sections, to make sure that you show it whether they use a mouse or keyboard, and only hide it when they have really left.
This carousel will take a list of any number of images and rotate them out in either a vertical or horizontal fashion, cascading in with a nice simulated 3D effect. Currently only works with images that are the same dimensions. Many options to customize how it operates and looks. View my website for demonstrations and more.
Access Expander is a small plugin that allows you to show and hide content in an accessible way. Keeping collapsed content positioned off the page (not hidden from screen readers), WAI-ARIA and tab navigability are implemented.
jQuery Action adds a new event to jQuery called "action", which is simply the equivalent of either a mouse click or pressing the enter key on a given element.
Instead of assigning clicks to everything, I wanted a simple way for users to also be able to tab through content and to fire events with a simple press of enter. jQuery (Focus) Enter and Leave Events ( http://plugins.jquery.com/project/enterleave-events ) also help out in with combined mouse/keyboard interactions.
actionController is much more as just events delegator. It is not only improving your performance, it makes your code more structured and clear, without dependences hell between html css and javascript.
Features
- performance enhancements through event delegation
- makes your code more independent and clear
- gives your javascript class more structure
Well, it's not really Ajax uploading considering file upload with ajax is not possible, but the end result is similar.
This jQuery plugin creates a hidden iframe and sets the form's target attribute to post to that iframe. When the form is submitted, it is posted (including the file uploads) to the hidden iframe. Finally, the plugin collects the server's response from the iframe.
This pseudo ajax file upload plugin is about 550 bytes minified and gzipped.
$('selector').allowChars({ letras: [boolean], numeros: [boolean], espacios: [boolean], caracteres: [string], // ejemplo: caracteres: '.-@/+' setfocus: [boolean] // pone el foco sobre el objeto });
otros:
Si el formulario donde se utiliza esta ordenado con las propiedades 'tabindex' de cada elemento, se le puede pasar como parametro 'enter' en true o false para que al presionar la tecla enter automaticamente pase al siguiente campo.
Asi como tambien la cantidad de campos que existen. Por defecto es 20. Este parametro hace que al llegar al ultimo campo y presionar la tecla enter, se envie el foco al primer campo. No hay problema en poner una cantidad mayor a la que existiere en el formulario. La funcion detectara que ya no existen mas campos y volvera al inicial
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.
Applied on a list of img tags, waits for all images to be loaded (or errored) and only then invokes a user-provided callback function! Useful if you want to wait for all images to load and then do something.
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.
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']);
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.
This plugin silently adds the possibility to bind handlers to be called when certain jquery methods are called.
Suppose you want to do something each time an attribute changes on an element ($.fn.attr). You might even want to prevent that attribute from being set. All this can be done with this plugin.
The plugin, while usable, is still in development stage. Any feedback is appreciated.
