Saturday, July 4th, 2009

Archive for 'JavaScript Library'

jQuery Tools – A collection of the most important UI components

jQuery Tools is a collection of the most important user-interface components for today’s websites. It’s a single .js file that weights only 5.8 kb.

The following tools are available:

jQuery library
Tabs (One of the most popular JavaScript tool on the web)
Tooltip (Great looking tooltips. Big or small. Pluggable effects.)
Scrollable (Allows you to scroll your HTML in wildly [...]

Read more

Fancy AJAX Captchas with JQuery – For an awesome user experience

Do you want to have a nice protection against SPAM on the forms of your website? Checkout the following scripts:

AJAX Fancy Captcha is a jQuery plugin useful to prevent your forms from being automatically submitted by bots. The coll thing about it is that you don’t have to type a security code to prove that [...]

Read more

A collection of Free ToolTips using AJAX, JavaScript & CSS

A tooltip is a short and informative text that appears in a box that pops out when you hover the mouse cursor over an element (link, button, div etc.).
1. DHTML JavaScript Tool Tips is a JavaScript Cross Browser library to create tool tips (information pop-up boxes). This script can be customized in multiple ways and [...]

Read more

Uploading files with Progress Bar using JQuery & MooTools

Uploadify is a JQuery Plugin that allows you to easily upload multiple files on your site without needing to reload the page. The script requires Flash and any backend development language. A progress bar is shown while uploading the file(s). The plugin is available under the GPL and MIT licenses. It can be used in [...]

Read more

Free Flash MP3 Players for Websites

Do you need a free flash player to play music on your website? Checkout the following list of players!
Free MP3 Music Player for Website from Royalty Free Music

Very easy to setup
Customizable Flash Mp3 Players
Mini Flash mp3 Player, Single Track Flash mp3 Player, Multiple Tracks Flash mp3 Player
With Menu, Multiple Tracks Flash mp3 Player
customizable Flash [...]

Read more

A PHP Contact Form with JavaScript Real Time Validation

This is a PHP Contact Form having an Image Verification (Captcha) and fields’ validator (PHP & JavaScript).

Read more

Creating an Exit Modal Box using the JQuery library

Do you need to show a specific message to the visitors that leave your website? You can do that by initiating a modal box before they close the browser window.
To do this we need to include 2 JQuery files (the actual library and a plugin written by Eric Martin), the modal box’s CSS and the [...]

Read more

How to implement a JQuery AJAX Login Form into a Modal Box

Do you need to integrate an AJAX Login Form into a Modal Box? This tutorial will show you how you can do that using the powerful library JQuery. The modal box that I’ve chosen is a JQuery Plugin written by Eric Martin.
Let’s start making the html file where the modal box is triggered:
<!DOCTYPE HTML PUBLIC [...]

Read more

Style your HTML Input Form Elements using CSS & JavaScript

Do you want to change the default look of your form elements? Checkout the following scripts that will help you to do that! Some of the libraries used to stylish the inputs are JQuery and MooTools.

prettyCheckboxes is a script useful if you want to have a consistent look for the checkboxes and radio buttons of [...]

Read more

Carousel Examples: YUI Library, JQuery, MooTools & Prototype

Are you looking to setup a carousel on your website? Checkout this list!

The YUI Carousel Control is an excellent tool if you need to offer your website’s a way to browse images/content arrayed vertically or horizontally in an overloaded page region. Some of the featured provided by this awesome library include:

Circular Carousel
Partial revealing previous and [...]

Read more

Highlight Elements in Script.aculo.us, JQuery and MooTools

This is a tutorial that will teach you how to implement the Highlight Effect in JavaScript using the famous libraries Script.aculo.us, JQuery & MooTools.
In Script.aculo.us, Effect.Highlight flashes the color as the background of the element. It is mostly used to draw attention to the part of the page where the effect is applied (could be [...]

Read more

Create a Fancy F.A.Q. Page with JQuery

Do you have a F.A.Q. page and you wish to add some cool effects on it? This tutorial helps you to do that. I will show you how to add the effects using the power of JQuery.
Before going through the setup process, check the demo of the fancy F.A.Q. page.
To add the Scroll and the [...]

Read more

How to use the Scroll Effect in JQuery, MooTools and Script.aculo.us

Using the famous libraries JQuery, MooTools and Script.aculo.us you can easily scroll overflowed elements and the screen itself. Here’s how you can use this cool effect in each library:
JQuery.ScrollTo is an excellent, easy to implement and fully customizable plugin useful to scroll elements or the window itself. There are many ways to specify the target [...]

Read more

Sort your HTML Tables with AJAX & JavaScript

Do you need to add advanced interaction controls to your HTML Table without refreshing the browser page? Checkout the following list of Data Grids:
tablesorter is an awesome JQuery plugin that turns a standard HTML table with HEAD and TBODY tags into a sortable table without page refreshes.

Features:

Multi-column sorting
Parsers for sorting text, URIs, integers, currency, floats, [...]

Read more

Auto Tab Form Fields using JavaScript

An AutoTab is used to automatically set focus to the next form element when the maximum size of the current element has been reached. The user is spared from click in or tab to the next field. This thing can definitely provide a better experience to the user who is filling the form.
Below, we have [...]

Read more