Plugins

The plugins site is currently in development.

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.

localStorage


$.store persistent client side storage

The $.store plugin (basically) is a rewrite of the $.jStorage plugin. In contrast to $.jStorage it allows the implementor to add specialized serializers and storage drivers. It can also be initialized to store data in localStorage and window.name via the same API. Additionally $.store does not cache the contents read from localStorage (which was the main reason for the rewrite).

jQuery Storage

Provides a simple interface for storing data such as user preferences. The storage plugin is useful for saving and retreiving data from the user's browser. For newer browsers, HTML 5's localStorage is used. If localStorage isn't supported, then cookies are used instead. Retrievable data is limited to the same domain.

Usage:
$.Storage - Represents the user's data store, whether it's cookies or local storage.
$.Storage.set("name", "value") - Stores a named value in the data store.
$.Storage.set({"name1":"value1", "name2":"value2", etc}) - Stores multiple name/value pairs in the data store.
$.Storage.get("name") - Retrieves the value of the given name from the data store.
$.Storage.remove("name") - Permanently deletes the name/value pair from the data store.

Names and values should be strings. Some browsers may accept non-string values, but not all do.

jQuery Local Storage.

The jQuery Local Storage Plugin!

Amaze your friends! Save data using nothing but javascript!

There are two methods in this plugin. They are .saveit() and .loadit(). Here's how they work.

Saveit!

The .saveit() method is very simple; just call it on the element containing the data you want to save, like so:

jStorage

jStorage is a simple wrapper plugin both Prototype, MooTools and jQuery to store data on browser side.

jStorage makes use of HTML5 local storage where available and userData behavior in Internet Explorer older versions. Webkit SQLite is not supported.

Current availability: jStorage supports all major browsers - Internet Explorer 6+, Firefox 2+, Safari 4+, Chrome 4+, Opera 10.50+

If the browser doesn't support data caching, then no exceptions are raised - jStorage can still be used by the script but nothing is actually stored.

jStorage is really small, just 2 kB when minified!

DSt - DOM Storage helpers for Javascript and jQuery

DSt is a library designed to make DOM Storage easy and automatic to use. It provides automatic JSON serialization/deserialization of stored values, and easy form and element storage and recall.

DSt is usable as a jQuery plugin (via jQuery.DSt.js) or as a standalone JS module (via DSt.js). It works wherever the localStorage DOM Storage API is supported: Firefox 3.5, Chrome 4, Safari 4, and IE 8 are tested to work.

Example usage:

DSt.set(key, value); // sets stored value for given key
var value = DSt.get(key); // returns stored value for given key

DSt.store(input_elt); // stores value of a form input element
DSt.recall(input_elt); // recalls stored value of a form input elt

DSt.store_form(form_elt); // runs DSt.store(elt) on each form input
DSt.populate_form(form_elt); // runs DSt.recall(elt) on each form input

Element IDs may always be given in place of the elements themselves.

iLocalStorage

iLocalStorage - расширение позволяющее сохранять данные на стороне клиента.

Используются DOMStorage, DataBase, UserData, Flash, Cookie.

Пример использования:

iLocalStorage.ready(function()
{
    this.set('testText', 'text', 'namespace');
    this.set('testNumber', 1234567890);
    this.set('testBoolean', true);
    this.remove('testBoolean');
    var value = this.get('testText', 'namespace');
    alert([value, typeof value]);
});

DOMCached browser-side data caching plugin

DOMCached is a simple wrapper library for the use of DOM Storage provided by the modern browsers (and userData behavior in the not-so-modern ones). The library is designed after the hugely popular memcached caching system, providing similar "caching" options in JavaScript in the form of local storage.

While the original DOM Storage provides only methods to save and read string values, DOMCached can input and output any JSON compatible objects. DOMCached includes also support for namespaces and data expiring.

So if you have made an Ajax call and received some data and cached it to the DOMCached system, then you dont't have to do the call again. The goal of the plugin is to lower server load and traffic by caching session data (where applicable) inside the browser.

There is a similar plugin - jStore but I wasn't aware of its existance while creating my version. I think my version is easier to use though and the goals are a bit different.

jStore - Persistent Client-Side Storage

A powerful plugin which gives jQuery the ability to utilize all current and upcoming Client-Side persistent storage solutions. jStore supports, not only a number of different storage engines (depending on the specific configurations of the user), but the ability to create and access multiple instances of each engine.