ModalBox

Derek Herman on Oct 23rd 2008 with 9 comments

Javascript Library: Prototype
License: Freeware – See File Included with Download
Found Via: Wildbit

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.

Enjoyed this Post?

Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!

By Derek Herman

Rollover to read this author's bio or click through to see a full list of posts by this author.

This author has yet to write their bio.

Plus Premium

Note: Want to add some source code? Type <pre><code> before it and </code></pre> after it. Find out more

http://www.yensdesign.com AdrianMG
I have created a tutorial to create your own popups… it’s easy to customize and to understand what are you doing with the code than plugins :P http://tinyurl.com/5xxhap
Pingback: AndySowards.com :: Web Development Nerdy Daily Links For 10/24/2008 | AndySowards.com :: Professional Web Design, Development, Programming, Hacks, Downloads, Math and being a Web 2.0 Hipster?
http://www.as7ap4you.com kareem
this is wonderful tutorial i will put acopy of this lesson on
my site here
http://www.as7ap4you.com
http://yoosuf.awardspace.com/ M.A.Yoosuf
any ways its a grat, in my view Nettus also gonna be like Smashing Magazine and Noupe:)
hello kareem,
your link is identified as mall ware detected:P
K@neDogg
Nice work, i like many of the new script stuff on here. One thing to mention is has anyone else tried the auto resize to content example?? Try it….. the modal extends the bottom of the form continually each press of your button ? maybe an IE7 thing?
Just a FYI :)
Cheers
sherif
Can i run a url in the pop up window ??
Amdad Hossain
Nice job
B
How would you get it to pop-up on page load?

http://www.laceytechsolutions.co.uk Ben Lacey
Have a function to fire off the modal box, and then in the body tag, have onload=”functionNameToLoadModalBox();” – that should do the trick.