Example
An Optin Form triggers another popup
on submit, all in one project
(Uses the Multiple Simultaneous Instances Feature)
Here are some examples of Optin Forms (Email Subscription Forms) appearing in popups. When the Submit button is clicked
on these forms, another popup appears as a response. This is made possible by a feature, Multiple Simultaneous Instances, of ADP Ultimate that allows to include multiple popups in the same project. Please click on the following links to see the sample popups. Read the notes on how I made the examples.
 Sample subscribe link: Click on the "Subscribe Now" link below to see the Optin Form popup. Then click on the Submit button to see another popup come up as a response.
 Subscribe now to get
new Blog posts by email. Never miss an article. Also click on the Submit button on the form to see another popup come up.
How this example was made: Advamced DHTML Popup makes it easy to make such an Optin Popup form. In the above example, I used the html code for the simple form as generated by a mailing service called AWeber. I just had to insert the code into the html editor of
ADP, tweaked the settings to make it slide in from the left on a link, previewed it and it was ready.
Adding the response popup to the same project:
Next, I wanted to add another popup as a response. For this, I clicked on the "Multiple Simultaneous Instances" button (a feature of ADP Ultimate) and added my response popup. The only thing left was to wire up the onsubmit event to show that popup by using its id.
Tweaking the onsubmit event: Normally, a submit would invoke the Post action to the original web site and its response will show up in the same popup. Here, I didn't want to do the real post and wanted to bring up a response popup. For that, I tweaked the onsubmit event of the Submit button to hide this popup and show the response popup by using the ADP API functions.
Drop in form: Sometimes you want the form to drop in automatically when a visitor comes to your web site. Click on the following link and you get
an idea of how it is going to look.
Click Here to
see the automatic drop in effect. Also click on the Submit button on the form to see another popup come up.
How this example was made: By using the same Multiple Simultaneous Instances feature mentioned above, I just had to add a new popup to the same project and change its entry effect to a dropin. In our example, I had to make you click the link above for the dropin effect. But in your own web site, you can have the form drop in automatically. Also, the same response popup as above could now be used as in the above example.
How ADP Ultimate helped in this project? Did you notice that this page now uses three different popups? The first example describes the two popups that it uses. This example adds a third dropin style popup and uses the same response popup. All three popups coexist on the same page. This special multiple popup feature is made possible by the Multiple Simultaneous Instances feature of ADP Ultimate that lets you combine several projects into a single project when required. In fact, for the second dropin example, I had made another project elsewhere. To include it in this page, I just clicked on the Multiple Simlutaneous Instances button and added that project. It was as simple as that. If I had used ADP Pro, it would have required considerable manual tweaking and merging of the API code from several projects that includes code for to create various popups and show them from links.
Note: The above Optin Form used the simple html code as genrated by AWeber. Better looking forms with other styles can be made.
|
