JavaScript Dialog Boxes

Here is a small, lightweight, framework independent and ready-to-use JavaScript dialog box library that offers four dialog styles: alerts, warnings, prompts and success.

There is nothing to add to your page except references to the JavaScript and CSS if you choose not to incorporate them in your existing files. The Divs are dynamically added to the DOM when the function is called. The function currently relies on a content wrapper to calculate the page height however you could use the body height but the background overlay would only cover the currently visible content. The variable for the wrapper ID as well as the speed and timer settings are available at the top of the JS file.

The script is tested working in IE 6/7, Firefox 2/3, Opera and Safari. It functions in IE8 but not 100% correctly due to the lack of a the alpha(opacity=xx) property. Hopefully it will be added before it leaves beta.

Download JavaScript Dialog Boxes

Related categories:

Comments? Need help with a component? Use our forums for further discussions.

Posted on the 26th of April at 6:12 pm

From the blog RSS

Form validation with jQuery from scratch
3rd of July at 3:26 pm
Full Screen Image Gallery Using jQuery and Flickr
25th of February at 8:49 pm
Stylegala Reborn
30th of January at 7:30 pm
Hello?
24th of September at 8:00 pm
Design Inspiration: European Graphic Design from 1950-1970
30th of May at 5:08 pm
Parsing Strings With jQuery
28th of May at 12:21 pm
Modalpreview - Preview Your Comment in a Modal Window
19th of May at 8:32 pm
Milestone 01 - 70+ High-End Components for Web Designers and Developers
13th of May at 9:52 pm
Tripoli Beta
8th of May at 7:08 pm
The Visual Active State: Popular Techniques and Examples
2nd of May at 7:34 pm

DevKick News RSS

Image Spark
 18th of February at 8:14 am
Pattern Tap : Collections
 13th of February at 12:03 am
Bombia Design | Portfolio
 9th of February at 7:43 pm
Designers Toolbox: Web Safe Area
 8th of February at 5:03 pm
I would like to be a Pony
 3rd of February at 8:31 am
Josef Müller-Brockmann
 3rd of February at 8:06 am
Thinking for a Living?
 26th of January at 4:05 pm
Warrick - Recover Your Lost Website
 26th of January at 3:17 pm
Alexandros Vasmoulakis
 20th of January at 10:33 am
SEOmoz | How to Convince a Client They Don't Need a Splash Page
 16th of January at 7:27 am

From the lab