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.

label


AtOfis

Submitted by PeterLiew on October 13, 2010 - 7:27am

Use AtOfis widgets to enrich your web app that build on top of the jQuery Library. Atofis simple and easy to use.

jPictag - Powerful jQuery Image Tagger

Submitted by phatbyte on September 11, 2010 - 12:20am

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/

Dutch Labels

Submitted by kmorssink on July 26, 2010 - 2:02pm

Dutch-labels

Dutch-labels allows you to use inline labels with a some extra features.
It works with the noscript tag so even when your browser has javascript disabled, you'll see a normal (css-stylable) label.

You can add it on text and password inputs and even on textareas.

Possible options are;

defaultcolor: '#888',
activecolor: '#000',
removetags: true,
prefix: '',
suffix: '',
textuppercase: false,
textlowercase: false

This way you implement it;

JS/jQuery:
<script type="text/javascript">
$(function() {

        $("input[type=text], input[type=password], textarea").dutchLabels({ options });

});
</script>

HTML:
<noscript><label for="naam">Naam *</label></noscript>
<input type="text" class="text" name="naam" id="naam"><br>

Labelizer

Submitted by seenchris on May 10, 2010 - 7:41am

A small, simple but useful jQuery plugin that helps you create self-explanatory text fields.

What's all the fuss about? Well – sometimes we need to keep things simple. Sometimes we don't want to have alot of text in our designs, we don't have enough room, or simply we want more white space.

The labelizer does just that. Instead of wasting space with text labels for certain text fields, it incorporates that label into the field. Voilá! No more space wasted.

clearLabel

Submitted by codeincolor on March 15, 2010 - 3:42pm

This plugin takes care of hiding your labels and setting them as an input value. Perfect for search forms or short forms without breaking the usability for disabled people, screenreaders and non js-enabled browsers.

If you click the field the text disappears so that you can type your own input. If you leave the field blank and click elsewhere the original content is restored. If content was filled in by your application and it's not the same as your label text. Then it keeps that as a value without disappearing or taking it as a default value.

$(document).ready(function() {
    $('selector').clearLabel();
});

ztInputHint

Submitted by SilverSmurf on March 3, 2010 - 2:04pm

This Plugin add dummyfields to display hints for text- and password-input-fields.
The dummys will not be submit.

Or it can pick automatically an optional given attribute (default: title)
of the element so you can initiate a couple of fields with one line:

$("input").ztInputHint();

You can specify a hint for every element you want and/or set one of the optional settings:

$("input#username").ztInputHint({
   hint: 'User',
   sourceAttrib: 'alt',
   hintClass: 'icon'
});

Inline label

Submitted by kabo on February 6, 2010 - 9:11am

Takes the label text for a field and places it inside the field.
You can also put a text of your choice in the field, or use the title attribute, choose which class the field should have and whether the label should be hidden once the text is placed in the field.
Verified with jQuery 1.4.x and 1.3.x.

jLabel

Submitted by wduffy on January 17, 2010 - 9:57am

jLabel is a jQuery plugin that formats text input fields with unobtrusive labels featuring interactive suggestions. This allows input fields to be labelled clearly and presented with minimal interface obstruction.

Label Effect

Submitted by kbwood on July 24, 2009 - 11:54pm

This plugin applies highlight and shadow effects to text in a control. You have control over the effect direction, offset, and colours. The effects can also be filled or blended back to the original text.

jQuery Watermark

Submitted by marioestrada on July 17, 2009 - 6:26pm

jQuery Watermark (Placeholder)

This plugins let's you add default text on form elements that look like watermarks or work as placeholders, as used on Apple's www.me.com among other websites. This plugin has been developed so that it doesn't need any CSS rules at all, unless you want to add em, and to work in a way to prevent unwanted information to be sent to the server, as can happen with the default watermark text.

Tested on: Safari 3+, FF3+, Chrome 3+ & IE6+

Why Use This Plugin

I developed this plugin because all other solutions worked by changing the value attribute on input elements and this leads to limitations and problems that I didn't want to have, for example It was not possible apply a 'watermark' or 'hint' on password fields and when the form was submitted the 'placeholder' text would be submitted with the rest of the data.