Saturday, August 18, 2007

ModalBox – Web 2.0-style Modal Dialogs and Wizards

What is ModalBox?

ModalBox is a JavaScript technique for creating modern (Web 2.0-style) modal dialogs or even wizards (sequences of dialogs) without using conventional popups and page reloads. It’s inspired by Mac OS X modal dialogs. And yes, it may also be useful for showing bigger versions of images.

ModalBox is built with pure JavaScript and is based on Sam Stephenson’s excellent Prototype JavaScript Framework, script.aculo.us and valid XHTML/CSS. ModalBox uses AJAX to load content.

ModalBox technique is still in development. Believe me it is wonderful.

Monday, August 13, 2007

Really Easy Field Validation

Form validation is a crucial thing in web applications and making them sometimes requires hard work. Here’s a form validation script that is very easy to use. It has a number of tests built-in but is extensible to include your custom validation checks. Here’s the list of tests available to add to your field elements:

  • not blank – required
  • a valid number
  • digits only
  • letters only
  • only letters and numbers
  • a valid date value
  • a valid email address
  • a valid URL
  • a date formatted as; dd/mm/yyyy
  • a valid dollar value
  • first option e.g. ‘Select one…’ is not selected option
  • At least one textbox/radio element must be selected in a group

Here is a demo of the field validation.

Wednesday, May 23, 2007

Image Reflections Never Been So Easy

Have any one tried to make an image reflection for a website and had to use design applications like Adobe Photoshop or other design applications and had the trouble of porting the design to HTML. Now all this trouble has gone and the pain is suddenly off, because there is a new tool that makes you create image reflections at HTML without using any design application!!! You wonder how???.

Well There is a JavaScript that you can use that adds reflections to images on your website. It is a very small size script it is under 5KB. It is called reflection.js and you can see it Here. It is supported by major browsers – Internet Explorer 5.5+, Mozilla Firefox 1.5+, Opera 9+ and Safari. You can make the reflection on any background color you have and you can even make it respond to actions from the users. Check it Out.

Follow Me

Behance Delicious DeviantART Google LinkedIn Pinterest RSS

Subscribe by Email

Enter your email address:

Sponsors

Twitter Updates

Friends