Continuation of this post.
This is a pretty nifty idea, but it will only ever be an idea without some code. We’re going to use php, javascript, and html to make everything work together seamlessly. Here is the Landing Page code:
<!–
css code
–>
<div id="container"><form id="icpsignup1156" action="controller.php" accept-charset="UTF-8" method="post">
<div id="SignUp">
<div id="SignUp" style="position: absolute; overflow: hidden; left: 596px; top: 264px;"><input name="fields_fname" type="text" /></div>
<div id="email_itxt" style="position: absolute; overflow: hidden; left: 596px; top: 314px;"><input name="fields_email" type="text" /></div>
<div id="submit_btn" style="position: absolute; overflow: hidden; left: 593px; top: 346px;"><input alt="Alt Text Here" name="submit" src="button.jpg" type="image" /> <input name="listid" type="hidden" value="00000" /> <input name="specialid:00000" type="hidden" value="CT99" /> <input name="clientid" type="hidden" value="000000" /> <input name="formid" type="hidden" value="0000" /> <input name="reallistid" type="hidden" value="1" /> <input name="doubleopt" type="hidden" value="0" /></div>
<!– CONTAINER END –></div>
Create the HTML form, clicking Submit invokes controller.php
<script type
="text/javascript">// < ![CDATA[
var icpForm1156
= document.
getElementById('icpsignup1156');
if (document.location.protocol === "https:")
icpForm1156.action = "https://app.icontact.com/icp/signup.php";
function verifyRequired1156() {
if (icpForm1156["fields_email"].value == "") {
icpForm1156["fields_email"].focus();
alert("The Email field is required.");
return false;
}
if (icpForm1156["fields_fname"].value == "") {
icpForm1156["fields_fname"].focus();
alert("The First Name field is required.");
return false;
}
return true;
}
// ]]></script>
This javascript validates the form for required fields.
Close your html tags for the Landing Page
Read more