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

Posts Tagged ‘Javascript’

PHP / MySQL Ajax Star Rating Script is an unobtrusive script (which will work if the JavaScript is turned off) which you can easily integrate it with your current content.

PHP / MySQL Ajax Star Rating Script

This star rating script is not tied to any CMS so you will need some coding skills to integrate it.

It supports configuration of howmany stars will be shown in the front-end.

Similar to Ext Grid, but built on jQuery, Flexigrid is a feature rich data grid with resizable columns and a scrolling data to match the headers, plus an ability to connect to an xml based data source using AJAX to load the content.

jQuery Data Grid

Features of this jQuery data grid plugin:

  • Resizable columns
  • Resizable height
  • Sortable column headers
  • Cool theme
  • Can convert an ordinary table
  • Ability to connect to an ajax data source (XML only)
  • Paging
  • Show/hide columns
  • Accessible API
  • More..

Meteora is set of cross-browser widgets and controls for quickly creating rich and customizable web applications without programming excessive JavaScript that is painful to debug in every browser.

JavaScript Widget Library

Meteora is based on the great mootools framework (version 1.11) and scripts that already work with mootools can be used with Meteora too!

To see some nice demos of this JavaScript widget library, check:

MooCrop is an image cropping utility using the powerful mootools javascript framework. Alone, it is only a selection tool but when used with a serverside script then it becomes an image manipulation tool.

Mootools Image Crop

Some MooCrop features:

  • Completely customizable CSS styling
  • Detects and handles multiple CSS box models
  • Allows for masking to be toggled
  • Ability to hide resize handles during drag
  • Custom events for your own modification
  • Relative based postioning rather then absolute (should handle overflow properly)
  • Works and retains layouts on floating images.
  • Resize from 8 different directions
  • Ability to set minimium size limit
  • Cleans up nicely, leaving your DOM in its original state when removed.
  • Fast!

When a website visitor faces a JavaScript error, they may not realize it or even they realize it only few of them may inform you about the problem. And you may never find out the problem if someone does not warn you.

DamnIT, built with JavaScriptMVC framework, is a great free service which notifies you when a JavaScript error occurs in your websites via e-mail.

JavaScript Error Reporting

How to use this JavaScript error reporting service?

  • Sign up with DamnIT
  • Insert the JavaScript code provided to your webpages
  • Configure the service from your membership area.

Optionally, DamnIT can be configured to provide an interface for your visitors to enter a feedback about the error.

Similar to Lightbox, FancyBox, a jQuery powered image zooming script, zooms the images with very nice loading and zoom-in / zoom-out effects.

jQuery Image Zoom

Features:

  • Automatically scales large images to fit in window
  • Adds a nice drop shadow under the full-size image
  • Image sets to group related images and navigate through them

Basic usage:

$(function() {

    $("div#test_zone a").fancybox();

});

FancyBox works with the major web browsers and can be configured for different closing effects.

GlassBox, a JavaScript library using Prototype and script.aculo.us helps creating transparent border, colorful layouts and "Flash-like" effects.

Javascript Effect Library

The GlassBox library ..

  • is easy to use
  • is customizable and skinnable
  • comes with a coherent API (CSS based parameter) and a short introduction
  • includes a basic Ajax XHR for dynamic content loading

Ajax-S is an ajaxed, nice looking and easy to use slideshow application.

It is similar to Eric Meyer’s S5 (another slideshow application) except a major difference, Ajax-S calls the data from a XML file rather than HTML which makes the application more portable and user-friendly for anyone without HTML knowledge.

Ajax SlideShow Script

Ajax-S accepts HTML and XHTML natively (no need for escaping any characters). Navigation of the application is pretty simple; mouse clicks, keyboard navigation bottons or the drop-down list in the application are the choices. And, we can get a printable-version with a click.

Smart Lists, a light-weight (8KB) Prototype-script.aculo.us framework extension, converts HTML lists into categorized, paginated lists. And, It does not require a database or server-side script.

It can be applied to existing lists with very little effort, providing a significant bump in usability.

Prototype Liste Extension

Smart List is easily configurable with different hide/show effects for items and changing pages, speed of the effects and number of the items for paging.

Besides supporting all the major modern browsers, it degrades gracefully for unsupported browsers.

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

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

 

dFilter

A tiny JavaScript for input masking.

Input Mask Script

 

JavaScript Mask API

A simple yet nice input mask.

JavaScript-Input-Mask-API

 

JavaScripTools

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

Uptime Robot
feed-holder
FeedBurner
PSD2HTML.com