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.

tag


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


.
.

jQuery Tag Plugin

Friendfeed style fully customizable, easy-to-use css + jquery plugin.

Features:

  • You dont have to specify div, ul, li tags to create. You only use input. tag and convert it.
  • you can define a seperator in the tag with using data-seperator attribute
  • you can define initial tags using value attribute

Download: http://www.fatihkadirakin.com/dev/jquerytag/jquery.tag.zip

jPictag - Powerful jQuery Image Tagger

What is it ?

jPictag is a professional tool that can give you the power to create image tags on your website. You can have the same image tag functionality as Facebook, flickr and many more.
jPictag is super customizable , fast, light and Ajax supported.

Demos

http://www.jpictag.com/demos/

Tag Handler

Tag Handler is a jquery plugin used for managing tag-type metadata.

Tag Handler must be attached to one or more <ul> tags in your HTML.

To add a tag, click on the tag box, type in a name, and hit enter or comma.

Tags may be removed from the tag box by hitting backspace or clicking on the tag.

Tag Handler may receive a list of tags when initialized or by pulling data via ajax from a supplied URL. It may also post back a list of tags to a separately specified URL.

If tags are retrieved with the a URL, the server must supply a JSON formatted string with an array titled 'availableTags' and optionally an array titled 'assignedTags'. The 'availableTags' array will populate the autocomplete list for the tag input field, and the list of 'assignedTags' will be added as tags to the tag container.

Photo Tag Plugin

This is a highly configurable photo tagging plugin. It’s primely for tagging people on photos but it can also be used to create notes, but you will need to adapt the form part a little bit. The code is really clean and easy to understand, it follows the jquery plugin recommendations.

For more info and examples: http://karlmendes.com/2010/07/jquery-photo-tag-plugin/

3d Tag Sphere

A rotating 3d tag cloud controlled with the mouse. Tags are scaled according to the weight assigned to them and fade into the background as they rotate.

TagCanvas

An HTML5 canvas-based plugin which replaces contained <a href="..."> links with a 3D rotating cloud of tags.

Tested in FireFox, Chrome, Opera, Safari. Also tested in IE8, where it obviously doesn't work.

Taggify

Use Taggify to tag items and generate a tag cloud without need for any server side code or database. Visit alexwelch.com/taggify for a demo and instructions.

Tag it!

A nice way to handle a 'tags' input field.

You type tags and when you hit Enter, Comma or Space they will become a little nice formatted box with the value (and there's also a INPUT TYPE="HIDDEN" with the tag's value).

You can click on the boxes to remove them (a little 'x' on the corner).

You can also remove already typed tags with Backspace.

There's also a autocomplete, so if you type, say "jav" it'll appear java and javascript (for example). You can provide the tags you want the plugin to show in the autocomple/suggestion list.

See the screenshot
See the Demo
Fork Tag it! on Github
Download the Tag it! plugin

Delicious tagInput

jquery.tagInput is a delicious inspired tagging input field.
Main features:

  • supporting already used tag list, eventually filled with an Ajax call
  • filtering results using user inputs
  • supporting suggested tags, with “smart” selection
  • supporting multiple separators
  • supporting frequency
  • having a nice-ligth-stylish look