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.

display


SlideNote

SlideNote is a customizable, flexible jQuery plugin that makes it easy to display sliding notifications on your website or in your web application.

Display Tag Ajax Plugin

Provides AJAX refresh capability to Display Tag tables.

Prequisites:

- Setup Display Tag framework in your application, for more information go to http://displaytag.sourceforge.net/1.2

Setup Steps:

1) Import display-tag-ajax-1.2.js in your jsp.

.
.
<head>
<script type="text/javascript" src="../js/jquery.displaytag-ajax-1.2.js"></script>
</head>
.
.

3) Enclose area that contains the display tag table with a div and assign the div an id. Below a div with id displayTagDiv has been created.
.
.

<div id="displayTagDiv">
<% request.setAttribute( "test", new TestList(10, false) ); %>
<display:table name="test">
  <display:column property="id" title="ID" />
  <display:column property="name" />
  <display:column property="email" />
  <display:column property="status" />
  <display:column property="description" title="Comments"/>
</display:table>
</div>

.
.
3)Call displayTagAjax() onload


.
.

Social Stream

Displays a full Social Stream, optionally Twitter and Tumblr. Others to follow, with RT, ReTumble, Digg, etc for each, all ordered by date.

Defer Load

This plug-in enriches the effect when you click on a link. Instead of instantly opening in a new window it adds a little loader graphic for the desired amount of seconds and than opens the page in a new window. This allows for the user to notice that he has requested a new page that will open momentarily, it also makes the user feel like the new page has been pre-loaded.

EvenIfHidden - Get layout information of hidden DOM elements

evenIfHidden is a jQuery plugin able to get layout information about a DOM element even in the case the element, or one of its containers, is hidden.

The case

Let's assume we have a box, wrapped in one or more containers. A <div> in a <div>. And we'd like to get information about the box's layout (width or height, for example), no matter the state of the box or the containers.

The problem

If a DOM element or one of the elements this one in contained in is hidden, with a display: none; CSS property, the jQuery's build-in functions like width() or height() will rightly return a value that is probably 0. This is due to the fact that an hidden DOM element actually occupies no space in the layout.

The solution

XML Wrapper

XML Wrapper

This is a very simple-minded jquery utility plugin to wrap XML into <span />s that can be subsequently displayed, styled, selected and bound. It scratches my need of displaying and manipulating XML, YMMV.

I'm placing this into public domain, so feel free to modify if it doesn't meet your needs.

jQuery Sprite Animation

Create quick sprite animation by applying an image and sprite options. You can specify sprite's options like "frameWidth", "startFrame", "endFrame", "direction" and others.

The animation is applied to an element by one line of code. You can use this plugin as an alternative to the "gif" animation, using this plugin you can control your animation behavior from your JaveScript code, like defining the animation delay, having an infinite loop animation or you can specify the number of loops. You can stop the animation any time or restart it.

jQuery.spriteAnimation-0.1.0.js

jQuery.spriteAnimation-0.1.0.min.js

Demo

jQuery popup alert plugin

* Super simple to use popup/alert plugin for jQuery.
* Usage example: $.popup.show("The title", "A message.");
* Message can contain any html you wish.
* Easily customized through JS options or CSS.
* See .js file for available options.
* Tweak default look (stylesheet provided), or add your own classes to the popup.
* Very small (<5 Ko)

XML Feed

XML Feed is a XML display plugin for Jquery. It uses both PHP and Jquery to allow you to post RSS Feeds from sites that don't offer a JSON alternative. XML Feed is very customizable allowing you to hide/show different parts of the plugin, as well as change how the plugin behaves.

All styling is handled by CSS, well structure and functionality is done in Jquery, which will allow you to integrate XML Feed seamlessly into your site.

jQuery Table Display

This plugin creates the methods "showRow", "hideRow" and "toggleRow", to manage the display of table rows.

Tested in FF 3.0 and IE7.

Created by Gabriel Langhans, Lucas Leite and Maicon Martins