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.

float div


Floating Div

Submitted by amirh on August 5, 2009 - 5:52pm

Make DOM object float on screen to follow the users while they scroll the page. This plug-in can be used for:
* Floating menus
* Floating headers in long tables

Usage:
$(selector).makeFloat(params);

where the params is an object:
x: number of pixels from the left of the window, or the 'current' string to use the current object location.
y: the same is x but for the Y axis
speed: 'slow' , 'normal', 'fast'

jQuery Floatbox

Submitted by odranoel on December 28, 2008 - 10:59pm

This plugin creates by default a floating div in the center of the page using half of the user window size for its width(height is not limited), uses a black background div as well(with opacity), the content of the floating box is the only mandatory parameter, but all others parameter can be passed as well(such as the background and floating box css configuration), the floating box is fixed in the middle of the screen. A link with a class named "close-box" is added in the floating box, this link is responsable for closing(hiding) the floating box.

It supports simple ajax request(post and get) that inserts html content into the floatbox when using the ajax parameter in options.

Options properties:
bg: the background HTML id, default is "floatbox-background"
box: the floating box HTML id, default is "floatbox-box"
content: The floating box HTML content, no default value(mandatory)