Connect With WRD
feed via e-mail
feed via e-mail

Posts Tagged ‘Javascript’

Input masks are handy for better form handling and creating more user-friendly forms.

Masks for different input types can be created easily with the tools below.


iMask is an open source (free) javascript tool for creating input and textarea masking. It is built on Mootools, supports keyboard control and dynamic charset definition.

JavaScript Input Mask


Masked Input Plugin for jQuery

This is a masked input plugin for the jQuery javascript library. It allows a user to more easily enter fixed width input where you would like them to enter the data in a certain format (dates,phone numbers, etc).

jQuery Masked Input Plugin


Password Field Image Mask

A nice JavaScript input mask which helps displaying the password field characters as images.

JavaScript Password Mask



A tiny JavaScript for input masking.

Input Mask Script


JavaScript Mask API

A simple yet nice input mask.




JavaScripTools is a set of JavaScript components, functions and classes which also includes a powerful input mask library.

Input Masking


Typecast – The Input Field Library

Typecast is an input field augmentation library. When complete it will add autocomplete, suggest and realtime character masking ability to the standard HTML input field.

JavaScript Input Library

ProtoFlow is an open source content viewing application built with Prototype & which functions similar to the famous iTunes Cover Flow.

You can browse through the content (it supports all the HTML elements) with mouse clicks or a JavaScript slider.

Prototype Cover Flow

It is mentioned that the application may have more features in the future like auto-play and image reflection.

For JavaScript and AJAX applications, Taffy DB is a beautiful tool.

Taffy DB is an open source JavaScript library that acts as a data layer inside the applications. Just think of it as a SQL database in your web browser.

JavaScript Database Library

Let’s say you have a collection of products and you want to find every product that costs less than $10 and is not a book. Simple, just write some JavaScript:

Major features:

  • Under 10K!
  • Simple, JavaScript Centric Syntax
  • Fast
  • Easy to include in any web application
  • Compatible with major Ajax libraries: YUI, JQuery, Dojo, Prototype, EXT, etc
  • CRUD Interface (Create, Read, Update, Delete)
  • Sorting
  • Looping
  • Advanced Queries

Check out the Getting Started Guide for Taffy DB‘s capabilities.

Easy News is a jQuery plugin which allows creating "news slides" on the fly.

Supporting any HTML content, and even Flash, it can display the content with fade-in / out, left to right ,slide-up / down effects.

Using this jQuery news slide plugin you can adjust the speed of the effects and rotation, or enable / disable mouse-over pause features.

jQuery News Slide Plugin

Easy News, has also a "plus" version which displays content with another sliding effect and can be integrated into Joomla with a ready to use module.

Online image cropping is a widely used feature in web applications.

Prototype JavaScript Image Cropper UI is an unobtrusive script based on Prototype and

It allows you to select any area in an image and gives the x, y, x1, y1, width and height values which are enough for a succesful image cropping.

Prototype Image Crop

This Prototype image crop UI also has ratio locking, selected area preview and minimum height – width options.

Creating ajax applications are now much easier with WaveMaker Visual Ajax Studio for both developers and users with even no JavaScript experience.

WaveMaker Visual Ajax Studio is a visual builder that helps ceating web-applications using Ajax widgets, web services and databases. Best of all, it does not require complex codes, forms, patterns or portal frameworks.

Ajax Software

Some Features:

  • Drag & Drop Assembly
  • LiveLayout™
  • Push to Deploy™: One-touch application deployment
  • Visual Data Binding>
  • SOAP, REST and RSS web services
  • Leverage existing CSS, HTML and Java
  • Deploys a standard Java .war file

Datetime Toolbocks is a JavaScript library with advanced date parsing that generates date data from the text passed. A simple example would be "today", "next friday", or "last monday".

This smart date parsing JavaScript library also has a DHTML based date selector which makes the library vey functional for users who would prefer text or visual input selection.

Smart Date Input

DateTime Toolbocks currently supports Ruby on Rails as the development platform.

ADxMenu is a JavaScript and CSS drop-down menu solution which web designers will find easy to modify.

It supports unlimited sub-menus and offers a simplified usage as it uses the well-known <ul> <li> tags to create the menus rather than JavaScript configurations (JavaScript editing can be done for extra modification).

Drop Down Menu Script

ADxMenu works in most of the modern browsers (an extra solution exists for IE6) and supports both horizontal & vertical menu types, even right-to-left and bottom-to-top.

Google already has an API for Google Maps service which makes it possible to create interactive, real-data-driven maps.

DrasticMap, an AJAX based component, makes it easier to show data from a MySQL database in Google Maps.

This Google Maps component is offered in a PHP – JavaScript package called DrasticTools which also includes 2 other components, DrasticCloud (for easy tag cloud generation) & DrasticGrid (grid editing).

MySQL Data In Google maps

DrasticMap uses MooTools JavaScript framework for the interaction, which is included in the download package.

Ext JS LiveGrid component, a component for the powerful Ext JS Framework, makes it easy to create non-refreshing, live grids.

This EXT JS component is very handy while browsing through a large amount of data as all data doesn’t need to be loaded once & no need for paging.

Ext JS Live Grid Component

Uptime Robot