Plugins
Home » Plugins

DOM


DOM Builder, innerWrap, Taconite, JSON Templating.

HP 395790-001 Battery going down in terms of market share.

Submitted by gexuemei on August 29, 2011 - 3:18am

Something else that is quite interesting in the Forrester forecast is that the number of notebook (or laptop) computers will remain the same at just over forty percent of the Business Notebook NC6220 Battery market.

I am not sure that I agree with that number. I really think that people will take a bigger stand at both ends with desktop sales going back up a bit and tablet sales will increase as they become more understood and more accepted and the real squeeze in the market will be felt in the middle with netbooks essentially becoming obsolete and HP 395790-001 Battery going down in terms of market share. It’s just a guess but I really feel the market moving that way.

AutoResize | Automatically resize textareas on input

Submitted by azoff on August 29, 2011 - 2:31am

AutoResize is a very basic jQuery plug-in that provides an "automatic resize" effect on textarea elements. When a user types text into an autoresized textarea, the textarea resizes itself to make sure all of the input text remains visible. Unlike other plug-ins that attempt to solve the same problem, AutoResize does not rely on obtrusive cloned elements or buggy init states. Instead, it uses plain old DOM scrollHeight analysis, with careful adjustments to ensure consistent execution across browsers.

jquery.knav

Submitted by bartzon on August 28, 2011 - 4:45am

Simple keyboard navigation for jQuery

This plugin is inspired by Google's keyboard navigation. Any element with a CSS class of .knav can be navigated using the keyboard, using the up, down and enter keys.

Simple Example:

Before focus:

<a href="/index.html" class="knav">Back to Home</a>

After focus:

<a href="/index.html" class="knav knav_focus">Back to Home</a>

When the element has focus, and the user presses the enter key, a click event will be sent, which loads the href of the element. Existing click handlers on the element will not be overwritten.

Wrapper Example:

It's also possible to navigate using wrapper elements. The first anchor with .knav_link as CSS class within the wrapper element will be used for the click event, whereas the wrapper element will receive the .knav_focus CSS class.

Forget Labels

Submitted by stringhq on August 16, 2011 - 11:43pm

Write cleaner forms. Make the title attribute in textfields act as dynamic labels on focus and blur.

Simple Overlay

Submitted by tommcfarlin on August 11, 2011 - 3:43pm

A jQuery Plugin for easily adding lightweight, flexible overlays to your projects.

Use custom effects, customize using CSS hooks, define custom callbacks for further action, take advantage of CSS3 and more.

Inlight a lightweight and ease to use lightbox

Submitted by nicolasbonnici on August 11, 2011 - 1:12pm

With this lightweight jQuery plugin you can easily tweak your website UI to show other content such like forms, video, image and any kind of content in modal dialog style popup.

Help and API here

http://sandbox.nbonnici.info/inlight/

Element Has Property

Submitted by bmarti44 on August 10, 2011 - 9:57pm

This simple plugin creates a new function that allows to easily test if an element has any given property.

Example:

if ($('body').hasProp('selectedIndex')) {
alert('the body has the property selectedIndex');
} else {
alert('the body does not have the property selectedIndex');
}

Element Has Attribute

Submitted by bmarti44 on August 10, 2011 - 9:44pm

This simple plugin creates a new function that allows to easily test if an element has any given attribute.

Example:

if ($('body').hasAttr('id')) {
alert('the body has the attribute ID');
} else {
alert('the body does not have the attribute ID');
}

jqueryUI contextmenu

Submitted by rudygotya on August 8, 2011 - 4:20pm

A contextmenu based on jQueryUI 1.9 widget factory/ jqueryui menu - read more

Rangy inputs

Submitted by timdown on August 8, 2011 - 10:27am

A cross-browser caret and selection plug-in for textareas and text inputs. It works fully in all major browsers, including IE 6, is very well tested and provides the following functionality:

  • Get and set selection and caret position
  • Collapse selection
  • Insert text at caret/selection position
  • Replace selected text
  • Surround selected text

Full documentation can be found on the project website.