Zymic Webmaster Forums > Modalbox 1.6

Zymic Webmaster Forums > Web Design & Development > Client Side Scripting > JavaScript

EMOruffino

Dec 21 2007, 05:12 AM

QUOTE

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 larger 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.

LIVE DEMO: emorangerz.com (Click On LAUNCH TRAILER)

Site: wildbit.com/labs/modalbox/
Download: http://modalbox.googlecode.com/files/modalbox1.6.0.zip

machine

Dec 22 2007, 11:57 AM

Hey EMOruffino! Thanks a lot for that modal box link.

sean022

Jul 11 2008, 02:57 PM

Thanks for your help in advance,

I have got the wonderful ModalBox code installed on a website but need a popup to show on a time delay. For example on page load popup shows after 5 seconds.

The normal way for starting a popup is with an onclick= on a link for example:

CODE

<a href="frame-demo-step1.html" class="demo-btn" title="Click to see the demo" onclick="this.blur(); Modalbox.show(this.href, {title: 'Welcome to ModalBox demo', width: 600}); return false;"><span>Start Demo</span></a>

I found this tutorial http://www.howtocreate.co.uk/tutorials/javascript/timers and am trying to use:

CODE

window.setTimeout(referenceToFunction,timeInMilliseconds);

but dont know what function to call. Any ideas?

Thanks again,

Sean

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.