Lesson 11 - An explanatory PopUp is provided

Features

Sometimes, it is not clear what information is being requested. So, we can construct a POPUP window to explain a term.

 Request Info PopUp
Click here to see a larger image

Actions

Arrow Red Right Click to see Lesson11_PopUp.php in action on this tutorial site. Note: if you enter name an email in this form, you will send me an email.

Download this file: Lesson11_PopUp.txt to your PC. Change the extension forom txt to php. Change the “recipient address” and the pointer to the style sheet and then upload to your website.

Surf to the Lesson11_PopUp.php file on your website with your browser. You should see results similar to the image above on the right.

Click on the word “Required” to see the PopUp window.
After completing the form and clicking “Send me more info”, you should receive an email with this in the body:

Please send me more information about Acme products
First Name = your first name
Last Name = your last name
 Email = sender@sendersdomain.com

Gotchas

None that I know of.

Source Code

We added some JavaScript to make the PopUp happen.

 

<html>
...

<form method="POST" name="FirstEmailForm" action="<?php echo($PHP_SELF); ?>" >
...

      <td width="350">
        <input type="text" name="contactFirstName">
        &nbsp;<span class="Footer" style="color:red">*
= <a href="JavaScript:OpenNewWindow('PopUp_Required.html','300','300')">Required</a></span>
      </td>

...

</body>

<script language="JavaScript">
<!--
function OpenNewWindow(url,winwidth,winheight)
{
NewWindow=window.open(url,'descr','toolbar=no,location=no,
directories=no,status=yes,menubar=no,scrollbar=yes,scrollbars=yes,
resizable=yes,copyhistory=no,width='+winwidth+',height='+winheight)
}
-->
</script>

</html>

Final Thoughts

None.

13DEC2003

Go To MarketingTactics home