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.

text


Clear-Input

Submitted by aidanfeldman on October 11, 2010 - 11:23pm

Usage

Requires jQuery version Add the class clear-input to any text input element whose value you want cleared when it gains focus. The initial value will be replaced when the input loses focus, and no new text has been entered.

If you prefer to not add classes to your elements, you can alternatively call clearInput() on any jQuery input object.

You can have multiple clear-input fields on a single page, and they will not conflict.

Smart Truncation

Submitted by polarblau on October 8, 2010 - 9:07am

Truncate a line of text in based on size of container. Allows truncation before a file extension or in the middle of the string as well.

MorkaLork 3D-text, textDepth

Submitted by maffelu on October 2, 2010 - 1:52am

TextDepth.js

Creating 3-dimensional text is generally done with images. This is not a good method since you would have to repaint your image for every change you want to make.
Enter textDepth.js, a way to make text 3-dimensional using nothing but CSS. With this plugin you simply select a container and run the plugin and the text gets depth.

An example:

$('.foo').textDepth({
   wrapper: "body",
   shade_color: "#6f6f6f",
   depth: 7,
   direction: "downRight",
   extra_classes: "sidebarText"
});

More information and for an interactive demo, please visit:
My Demo Page!

Selected Text Sharer

Submitted by vaakash on August 8, 2010 - 3:12am

Jquery selected text sharer is a promoting and enhancing plugin focusing to increase the site usage. This plugin displays a widget having links to search / share, above the selected text. Inspired from NY times website.

Features

  • Cross browser supported.
  • Highly customisable interface.
  • Light-weight.
  • Can add unlimited links to the widget for searching and sharing.
  • Selected text truncation for Twitter.
  • Can show widget for textboxes and textareas also.
  • Can show widget only for particular elements.
  • Available in non-Jquery version also.

xReader

Submitted by nanux on July 26, 2010 - 5:23pm

xReader is a simple text reader.
We can read a text without mouse or keys!!

This Plugin is in progress.

jQ Bulk Loader

Submitted by edwardhotchkiss on July 21, 2010 - 4:27pm

jQ Bulk Loader aims to be similar to Arthur Debert's ActionScript 3.0 package; Bulk Loader. It allows the loading of virtually any kind of asset, with css file parsing, html parsin, loading of video, audio and xml/textual files.

His project is THE package for loading and keeping tracking of loading assets and referencing them. With the explosion of HTML5 and Web sites trying to re-create Flash like effects and load multimedia and external data dynamically, the need arises for a project like this.

Feel free to Email me any suggestions, comments or feature requests - and especially cross-browser bugs.

TwitLimit

Submitted by MikeHelmick on July 15, 2010 - 12:22am

TwitLimit is a Twitter-esque character limit jQuery plug-in. Licensed under the MIT & GPL licenses.

Defaults:

limit: 140 // Default limit, if no limit set upon selector. (In honor of Twitter <3)


message: '%1 Characters Remaining.' // Keep %1 intact when defining custom message. (%1 is replaced by number of characters left.)


counterElem: '#limit' // ID or Class of element where you want the message to display.


allowNegative: false // Whether to allow the count to go negative or not.


dangerMode: true // Will change the number of characters left "%1" with the colors defined in dangerColors.


dangerBold: true // Will make the number of characters left "%1" bold.


dangerColors: {dark: '550505' // Colors for dangerMode.

medium: '980808' // Colors for dangerMode.

bright: 'e90909'} // Colors for dangerMode.

CLEditor - WYSIWYG HTML Editor

Submitted by ChrisLandowski on July 12, 2010 - 12:50pm

CLEditor is an open source jQuery plugin which provides a lightweight, full featured, cross browser, extensible, WYSIWYG HTML editor which can be easily added into any web site.

Lightweight

CLEditor consumes less than 9K of total bandwidth when minified and gzipped.

Full Featured

In addition to the standard text formatting features found in other WYSIWYG editors, CLEditor also contains rich drop downs for font name, size, style, text color and highlight color. CLEditor allows you to insert images, hyperlinks and horizontal rules.

Cross Browser

CLEditor supports the following browsers on both the mac and pc: IE 6.0+, FF 1.5+, Safari 4+, Chrome 5+ and Opera 10+. All testing was done using jQuery 1.4.2.

Extensible

CLEditor provides a rich plugin development environment, allowing you to customize
its user interface and functionality to fit your needs.

Add Clear

Submitted by skorecky on June 29, 2010 - 1:55pm

Add Clear is a jQuery plugin that adds a input clearing button on any input you apply it to. It clears the value, and returns focus to that field.

Replace Text with Element

Submitted by joshnaro on June 16, 2010 - 4:56pm

This small plugin replaces text in an element with a user defined element. For example:

HTML
-------
<div>
  <p id='demoElement'>I like {0}, even though one ripped my arm off.</p>
</div>

JavaScript
-------------
var testLink = $(document.createElement('a')
  .attr('href', 'http://en.wikipedia.org/wiki/Monkey')
  .html('monkeys')
  .mouseover(function() { alert('Watch out....MONKEY!') });
$('#demoElement').replaceTextWithElement('{0}', testLink);

Will create:

I like monkeys, even though one ripped my arm off.

and on mouse over on the monkey link, the alert will display.