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 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...
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.
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.
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.
This plugin uses the .delegate() method of jQuery for performance reasons. I will consider switching to .live if everyone wants prior jquery version compatibility.
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:
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 least4 times faster than the regular trigger, and will scale much better as you call it on more elements at once.
The anonymous function is evaluated and it's return value is used for that of the method. The current value of the method (as called as a getter) is sent in as the first argument of the anonymous function. In the case above "h" will be the current 'height' of '.div.something'
Methods that are given function value capability with this plugin:
$.plugin allows you to better manage the different plugins you use in your website or web application. This is especially useful if you use a number of plugins each with its own .js and .css files. It is even more useful if not all plugins are needed for each page.
Performance Improvements
Users will only download scripts and styles that are required (accoding to selectors you specify)
Page Caching: Scripts and styles are only downloaded once
Session Caching: Scripts and styles are stored in browser's sessionStorage to reduce http requests (Firefox only for now)
This plug-in lets you create a grid using either tables or divs & spans. I originally developed it to work with CouchDB but it will work with any JSON source.
The JQuery plug-in lets you map a CouchDb view to a html grid. That's it. I looked at the other JQuery grid plug-ins - many of which are really great - but I couldn't get them working and since I'm lazy. So here are its features:
* HTML agnostic you can use tables or divs or any HTML to layout your data.
* View JSON data from any source - such as CouchDB.
* Column sorting.
* Paging
* Compatible with JEditable. So you can edit your data creating new versions or in place.
* Really small - Currently under 3K.
* Coded in a clean fashion so you can subclass header/body or footer generation and the loading and saving of data.
$.fn.YourPlugin = function(options) { return this.each(function(i) { var defaults = { setting1 : 'value1' } var inlineSet; inlineSet = $(this).inlineOptions(); var curSettings = $.extend(defaults, options, inlineSet); } }
In html
<div id="TransformToSomePlugin" settings="value1:'NewValue'"> Some text </div>
The reason i developed this simple little plugin was to ease the use in asp .net and the use of masterpages.
In my masterpage I have the initialiazion of my plugins, but I may/may not need to set some local paremeters for the plugin.
Lazily load javascript and other files whenever you want easily. You can also increase page load by using this plugin to load all of your other scripts after page load! The method returns the html object, allowing you to manipulate it. For example, you can use the onload() method provided with jQuery to add a callback function for once the script finally loads. It's as easy as:
$.insert('my_script.js');
More documentation on my site. Extremely extensible and easy to use.
An Image Overlay plugin for the jQuery JavaScript library. Allows you to display additional information in a translucent pane above an image that gracefully appears when a user hovers over the image. Support for the metadata plugin is included. Brought to you by Jon Neal of ferretarmy.com.
jQuery throttle / debounce allows you to rate-limit your functions in multiple useful ways. Passing a delay and callback to $.throttle returns a new function that will execute no more than once every delay milliseconds. Passing a delay and callback to $.debounce returns a new function that will execute only once, coalescing multiple sequential calls into a single execution at either the very beginning or end.
Full documentation, source, and examples are available on benalman.com.
jQuery urlInternal allows you to easily test internal-, external-, or fragment-ness for any relative or absolute URL. Includes element filtering methods and pseudo-selectors.
Simplified jQuery dependency manager. Concurrent pre-downloading, can load CSS files, simple to setup, execution (and CSS-insertion) orders are preserved.
Very new right now, but is solid and works. I am using this on a live production site so expected more optimization and enhancements to come in the following months.
Claypool is a small, fast, railable application framework, built on jQuery that provides all the usual important patterns for large, long-lived client-side apps, server-side apps, or something strangely, beautifully in the middle.
This page will be able to demonstrate JQuery functionality and coding methodology.
this will be help full while developing AJAX enabled applications through Javascript.
Just share (jshare) a javascript, jquery script that allows you to add a sticky button on your page to share your webpage or you can just link to the share box.
This plugin is capable of extracting metadata from classes, random attributes, child elements and HTML5 data-* attributes.
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> OR <li data-some="'random'" data-json="'data'">...</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 {}).
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.
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.
Ever need to know what the new line character is on the client side? Have you, like I have, tried to find the perfect way to add a new line in a PRE tag, so that it did not add a leading or trailing space? Have you tried to figure out what new line character is being used in a textarea for those new lines? Finally you can easily figure it out. Thanks to the new $.support object, it can be tested once an never worried about again. This extension, when included, will automatically extend the $.support object with the appropriate tests results for the client browser. Then later in your application you can test against those results to find the proper new line character for the OS browser combo for the client.
Usage:
$(function() {
var EOL = false;
if ($.support.rnNewLine)
EOL = "\r\n";
else if ($.support.rNewLine)
EOL = "\r";
else if ($.support.nNewLine)
EOL = "\n";
else
a light weight but powerful html snippet engine
Write a snippet of plain html, throw a javascript object at it and watch the magic...
$("#someID").snippet("snippet_name", someObject);
keystroke listener
For highly customizable form (or any other element!) behavior including allowed characters, input validation, function calls on keystrokes, timeouts for delayed event firing.
$("#someID").listen({13:function(){alert('yummy!'); submitCode();}})
create a javascript object from form data by passing in an array of element ids.
push json data to a form by passing fillForm an object and an id prefix
