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.
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.
ASKER
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
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).
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).
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
ASKER
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.
The null was what was shown because you did not fill anything in
ASKER
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.