Plugins
Home

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.

size


jQuery Iframe Resizer

Submitted by sroucheray on February 9, 2010 - 5:29am

Helps to resize iframes included in a webpage.
* Automatically resizes iframes height depending on their content
* Sets multiple iframes size in one line of code

var options = {
        width: "fill",
//width options are :
//'fill' (default, equivalent to 100%),
//any valid CSS unit : '90%', '230px', '12em'
        height: "auto", //height options are :
//'auto' (default, will adapt iframe height to its content, the more content, the higher)
//any valid CSS unit : '90%', '230px', '12em'
        autoUpdate : true
// 'true' (default, automatically update iframe height on content changes in the future) or 'false'

};
$("body").iframeResize(options);

fontScaler - dynamic controlled font size

Submitted by marcup on August 26, 2009 - 6:28am

This plugin adds a font-scaling toolbar to your page. The font-scaling toolbar allows for dynamic user-controlled font-sizes throughout the whole page, or parts of it. fontScaler comes in 2 flavours: fixed increments (A|A|A) or variable increments (+|-).

Tallest

Submitted by spadgos on August 18, 2009 - 8:39pm

This plugin will find the tallest, shortest, widest or thinnest element from a jQuery result set. It adds 8 new functions:

tallest() // returns the element with the largest height()
shortest() // returns the element with the smallest height()
widest() // same, but for width()
thinnest() // you get the idea.

If two elements have the same size, the first element is returned. No more than 1 element is ever returned by these functions.

The other four functions are:

tallestSize()
shortestSize()
widestSize()
thinestSize()

and they simply return the actual size of the tallest, shortest, etc element as a number.

Usage:

alert("The tallest div on this page is " + $('div').tallestSize() + " pixels tall.");

// colour the shortest paragraph fuscia:
$('p').shortest().css('color', '#f0f');

Twitter Style Counter

Submitted by karbassi on October 27, 2008 - 10:45am

Displays the remaining number of text with visual markers for the user. This does not truncate the text so the user can go negative but the counter will display the visual marker to show the user that they cannot be negative.

This does not do any validation, so I suggest you validate the text size remaining (number of characters the user has left to type) is greater or equal to zero.