Modal dialog box for event registration

Hello:

We have a very simple custom event registration that we need to incorporate in our CMS.  We do not have the resources to develop a custom module for the CMS and the other modules are too complex for our needs.  We have the event registration working outside of the CMS and want to allow the user to use the event registration without popups by using modal/dialog boxes.

We have a quasi-working example here:
http://www.on-ramptotheweb.org/webinars.aspx

The top paragraph shows the popup that we want to avoid, while the bottom shows a simple modal implementation.  The problem with the current modal implementation is that the registration is made up of several state-retaining pages, and as soon as an action is performed, the main window is activated instead of remaining in the modal box.

We are looking for a simple modal dialog solution that will help us use the external event registration within the confines of the modal dialog.  We have looked at examples such as ModalBox, which supports a wizard interface, but this is very complex and we are not sure how to adapt it to our needs.  We are currently using bPopup which is simple but may not work with the several pages making up the registration forms.

We have considered combining the registration into one page, but at some point, server side interaction is required (to submit the registration/send confirmation email/etc), so we do not think that is a viable solution.  We are also considering using iFrames but we think modal box might be an easier implementation.

Please suggest alternatives and perhaps example code that we can use to implement this for full points awarding.
LVL 1
dageyraAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

dageyraAuthor Commented:
I think I like the ThickBox found here:

http://jquery.com/demo/thickbox/

I tried to implement the iFrame version, you can see it on the page.  It shows up, but does not turn out well.  Thoughts on what I'm doing wrong?  I want to achieve something like Example 1 of the Iframe Content example.
0
dageyraAuthor Commented:
I was able to get fancybox to work using the iframe element.

http://fancybox.net/howto
0
Michel PlungjanIT ExpertCommented:
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Determine the Perfect Price for Your IT Services

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden with our free interactive tool and use it to determine the right price for your IT services. Download your free eBook now!

dageyraAuthor Commented:
Thanks for the follow-up, but I did look into JQuery's UI dialog, however even the form examples used content found in a single page (instead of the form moving from one page to another and to another, where the URL changes).

Regarding the mozilla modal, I looked at that and in my FF, I got a popup window, not a modal box so I'm not sure if that is working (the examples from the same page referenced).
0
Michel PlungjanIT ExpertCommented:
Yes it is modal. You cannot interact with the underlying page. It does not grey out the underlying page but that is not part of being modal - does make it clearer but modal just means you need to dismiss the popup if you want to interact with the page that popped it
0
dageyraAuthor Commented:
Oh that's interesting, I did not try to interact with the page because it did not gray out, so that coupled with the javascript null alert box, I figured the page was erroring.  Thanks for pointing that out, it's definitely something I had not considered before.
0
Michel PlungjanIT ExpertCommented:
The null was what was shown because you did not fill anything in
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
JScript

From novice to tech pro — start learning today.