Please recommend a good script for modal windows 1

[Sleidia]

Hi guys,

What existing script would you recommend for the display of a simple looking centered modal window with opacity effect applied on the content?
The script needs to be run on page load. No links involved.

It will be used on a contact form for letting the user know that his email has been sent.

I'm looking for something very minimalistic, unlike lightbox, lightwindow, etc.

Thanks for helping

 

[starsky51]

The showModalDialog function is a simple way of doing it without messing around with the layers.
Unfortunately, it is not supported in Firefox 2, however Firefox 3 does support it.
There is a good example at

http://www.pipwerks.com/lab/prompt/cross-browser-prompt.html

Dave.

 

[Sleidia]

Thanks but unfortunately, the script needs to work on all the modern browsers. Plus, the dialog box must be a div layer on which I could apply a css style of mine.

 

[jpadie]

here's one that seems to work and be lightweight

http://www.subimage.com/dhtml/subModal/

 

[Sleidia]

Thanks jpadie
But frankly, I'm not too convinced by this one.

 

[kaht]

But frankly, I'm not too convinced by this one.

Sleidia, any particular reason why?

When attempting a web based modal dialog you've basically got 2 choices:

1) Develop it to work on IE only, and use the showModalDiaglog function.

2) Use an absolutely positioned div for the modal content, while placing a combination of divs and iframes between the page content and the modal div (using the z-index to get it in the right place)

If the script isn't an exact match to what you're looking for, there's a link on the page that jpadie posted that explains the process. If nothing else you could use that explanation to code one to fit your exact needs.

If neither of the 2 options above suit your needs, then I'm afraid you're out of luck.

-kaht

Lisa, if you don't like your job you don't strike. You just go in every day and do it really half-assed. That's the American way. - Homer Simpson

[small]<P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <.</B>[/small]