jQuery: The Write Less, Do More JavaScript Library

1.2.x

Pickwhip

Average rating
(0 votes)

This jQuery plugin is a drag'n'drop inspired by the pickwhip in Adobe AfterEffects.
Its purpose is to associate elements together in an easy way.

asmSelect - Alternative Select Multiple

Average rating
(0 votes)

A progressive enhancement to form elements. It provides a simpler alternative with the following advantages:

  • Easier for users to understand and interact with than regular form elements. Users know how to interact with it sans instruction.
  • Doesn't require user to Ctrl-Click or Shift-Click multiple elements. Instead users of your form can add or remove elements individually, without risk of losing those that have already been selected.
  • Selected elements are always visible (within the confines of your interface) while unselected elements are always hidden (within a regular ).
  • Unlike regular option elements, those on asmSelect are optionally sortable with drag and drop (this part requires jQuery UI).
  • asmSelect hides, maintains and updates the original so that no changes are required to existing code.
  • If a user does not have javascript, then of course the regular form element is used instead.
  • If the original form element is modified by some other jQuery or javascript code, the change will be reflected in the asmSelect as well.

Please see full information at http://code.google.com/p/jquery-asmselect/

TagCloud

Average rating
(1 vote)

TagCloud will convert any ordered or unordered list to a tagcloud.
The font-size and color depend on the list elements value property or, if no value is set, the elements index.

Documentation and examples are in the download.

color-utils

Average rating
(0 votes)

Utility for using colors.
Check the document page for more information.
http://code.google.com/p/jquery-color-utils/wiki/Document

jQuery custom selectboxes

Average rating
(1 vote)

Purpose of this plugin is very simple yet very effective. It uses jQuery to replace orginal <select> tag into fully skinable replacement. Orginal <select> tag is being hidden but changes made to replacement affect orginal too. Give it a try!

Being used first at http://www.probeerenbesliszelf.nl (currentry offline)

jFade - color fader for jQuery

Average rating
(1 vote)

This plugin will easily allow you to do color transitions for text, background and borders for different events.

The API

trigger: the event that will fire color transition, uses the same events as bind in jQuery
property: can be 'background', 'borderColor' or 'color'
start: the starting color ie '336699'
end: the ending color ie '6699CC'
steps: the number of times to divide the color difference
duration: the transition speed

Default values
$.fn.jFade.defaults = {
trigger: "load",
property: 'background',
start: 'FFFFFF',
end: '000000',
steps: 5,
duration: 30
};

maxlength

Average rating
(0 votes)

It's a fairly common design pattern to want to limit the number of characters the user can input in a field whilst giving feedback to the user on how much they have left. This plugin automates this requirement.

jDrop Image Combo - Turn SELECT OPTION into image drop down or combo box.

Average rating
(0 votes)

jDrop -Alpha -0.3.7

jDrop turns your SELECT OPTION form elements into drop down lists that can be fully styled with CSS. Use jDrop as an image combo box or drop down list. You can add ANY xhtml element to your dropdown or combobox.

jDrop changes the value of your original form elements, making the data POST'able on submit, integrating seamlessly with your existing forms.

Demo & Zipped Code:
Try it here!

Directions: Just insert script type="text/javascript" src="js/jquery.jdrop.js" into your HEAD and write your SELECT's as follows:

boxy

Average rating
(1 vote)

boxy is a Facebook-style general purpose dialog box with support for multiple visible instances,
drag'n'drop, size tweening, AJAX loading and automatic generation of
confirmation/question boxes. Designed with "applications" in mind, so there's
a pretty decent API for manipulating instances.

Image Cube

Average rating
(0 votes)

Sets a division to rotate between contained images as if they were on the faces of a cube. You can also "rotate" blocks of text if you want. You have control over the direction and speed of the rotations.

Syndicate content