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.

layer


jmpopups

Submitted by otavioavila on July 3, 2009 - 3:32pm

Advantages

  • You can open more than one popup the same time;
  • There is no pre-defined layout, so you are able to create your own layout;
  • You can call the popups using ajax or using the content of a hidden html element;
  • The jmpopups is concerned about acessibility. When a popup is opened, the focus will be kept only inside that popup. It will directly focus the first focusable element. The idea is to help users who use the keyboard for browsing (f.e. disabled people).
  • It works for IE 6+, FF 1.5+, Opera 9.*, Chrome 2.*, Safari 4.*.
  • Compatible with JQuery 1.3.*

Usage Example

$.openPopupLayer({
    name: "contactForm",
    width: 300,
    url: "contact_form.html",
    success: function() {
        alert("It is loaded");
    }
});

Try it!

aqFloater

Submitted by sackcloth on October 31, 2008 - 3:10am

Make an existing element into a floating element according to the attach option, if no value is given, the element will stay floating in the middle of the browser window.

$('#myfloat').aqFloater({attach: 'nw', duration: 100, opacity: .5});

aqLayer

Submitted by sackcloth on October 31, 2008 - 3:06am

Creates a styled floating layer that can be customized. There are two ways to create a aqLayer object, static and dynamic contents.

$('div').aqLayer({ attach: 'ne', closeBtn: true })
     .click(function(){ $(this).aqLayer('show') });

aqTip

Submitted by sackcloth on October 30, 2008 - 5:49am

aqTip attaches a hover event to elements. When mouse over the element, it displays the tip box.

$('#example1').aqTip('Tip me');