Zend Certified Engineer

phpguru.org

Free PHP, Javascript and C# code

Modal dialog


22nd February 2008, 922 views

This is a modal dialog that I made for prompting the user for information. As usual it comes with very little documentation, so you'll have to figure it out from the comments. It's pretty easy though... It's modal because it prevents any other input by way of hiding all your SELECTs and a semi-transparent DIV that covers the page.

Top 10 referrering pages

  1. http://search.live.com/results.aspx?q=javascript+... (2 referrals)
  2. http://mx.search.yahoo.com/search?p=javascript+mo... (1 referrals)
  3. http://search.live.com/results.aspx?q=javascript+... (1 referrals)
  4. http://www.google.com/search?hl=en&rlz=1B2GGGL_en... (1 referrals)
- +
Rate this article

Link to me

If you use any of the code on this site (and if you don't I guess) or it makes your life easier, I'd appreciate a link - http://www.phpguru.org. Thanks!

RSS Feed for Comments

Comments

Author: Holland
Posted: 22nd February 2008 13:51
You might wanna consider blurring (this.blur();) the button after you click it. When i press a button while in the modal dialog, it reopens the dialog... Other than that it looks nice!
Quote
Author: Artness
Posted: 1st March 2008 12:22
In IE7 the dropshadow layer won't reposition on window resize.
Quote
Author: Richard Heyes
Posted: 4th April 2008 13:40
Artness:
> In IE7 the dropshadow layer won't reposition on
> window resize.

Fixed. Well, it works in IE6 anyhoo. For Firefox you could add an onresize event handler to the BODY tag, whereas with IE6+ it's just using the CSS expression().
Quote

Post Comment

Your name:
Your email:
(Don't worry, I won't spam you. Also, if you do put your email address in here, you'll get notified of new comments. If you don't, you won't.)
Comments:
  Do not post support type questions please

 
CAPTCHA image If you can't read the CAPTCHA then press the submit button to get another. Your comment will re-appear (as if by magic...).
Captcha image