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?
 
Michel PlungjanIT ExpertCommented:
0
 
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
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy 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
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.