|
HTML - How To Make This Aweber Form Work
I'm convinced that its very simple but cant figure it out yet.
I'd really appreciate your help. I'm trying to integrate my aweber code into a graphical form. AWEBER CODE ---------------------------------------- HTML Code: <form method="post" class="af-form-wrapper" action="http://www.aweber.com/scripts/addlead.pl" > <div style="display: none;"> <input type="hidden" name="meta_web_form_id" value="378818622" /> <input type="hidden" name="meta_split_id" value="" /> <input type="hidden" name="listname" value="superpowernutri" /> <input type="hidden" name="redirect" value="http://google.com" id="redirect_3851a3a65806cdcf11082fdddc304cdb" /> <input type="hidden" name="meta_adtracking" value="superpower" /> <input type="hidden" name="meta_message" value="1" /> <input type="hidden" name="meta_required" value="name,email" /> <input type="hidden" name="meta_tooltip" value="" /> </div> <div id="af-form-378818622" class="af-form"><div id="af-body-378818622" class="af-body af-standards"> <div class="af-element"> <label class="previewLabel" for="awf_field-31806523">Name: </label> <div class="af-textWrap"> <input id="awf_field-31806523" type="text" name="name" class="text" value="" tabindex="500" /> </div> <div class="af-clear"></div></div> <div class="af-element"> <label class="previewLabel" for="awf_field-31806524">Email: </label> <div class="af-textWrap"><input class="text" id="awf_field-31806524" type="text" name="email" value="" tabindex="501" /> </div><div class="af-clear"></div> </div> <div class="af-element buttonContainer"> <input name="submit" class="submit" type="submit" value="Submit" tabindex="502" /> <div class="af-clear"></div> </div> --------------------------------------- THE GRAPHICAL FORM THAT I'M TRYING TO INTEGRATE THE ABOVE CODE INTO: ---------------------------------------------------------------------- HTML Code: AUTORESPONDER CODE START HERE //-->
<!-- You can edit or replace the form below with your own autoresponder code -->
<form>
<input type="text" name="name" class="name_field" value="Enter Your First Name" onFocus="if(this.value == 'Enter Your First Name'){ this.value = ''; this.style.color= '#1a1a1a'; }" onBlur="if(this.value == ''){ this.value = 'Enter Your First Name'; this.style.color= '#818181'; }" />
<input type="text" name="email" class="email_field" value="Enter Your Email Address" onFocus="if(this.value == 'Enter Your Email Address'){ this.value = ''; this.style.color= '#1a1a1a'; }" onBlur="if(this.value == ''){ this.value = 'Enter Your Email Address'; this.style.color= '#818181'; }" />
<input type="submit" name="submit" value="" class="opt_btn" />
</form>
<!-- YOUR AUTORESPONDER CODE END HERE //-->
---------------------------------------- big kisses to anyone who can help me solve this Similar TutorialsHi all, I'm having a little trouble here, I'm a newbie at coding but I'm learning. how would I achieve something like this? http://www.createblog.com/layouts/code.php?id=28757 and or like this? http://www.createblog.com/layouts/code.php?id=28038 should I be using divs...as you can see in my code I went div crazy...I kinda perfer divs anyway! how can I do this? HTML Code:
<style type="text/css">
a:link {color: #66cdaa;
font-family: verdana;
font-size: 6pt;
text-transform: uppercase;
text-decoration: none;}
a:visited {color: #cc6600;
font-family: verdana;
font-size: 6pt;
background:#FFFFFF;
text-transform: uppercase;
text-decoration: none;}
a:hover {color: #870708;
font-family: verdana;
font-size: 6pt;
background:#FFFFFF;
text-transform: lowercase;
cursor:hand;}
/*all links above*/
body {background-color: black;}
color: #ffffff;
font-weight:bold;
font-family: arial;
font-size: 12px;
margin: 0px auto;
padding: 0px;
text-align: justify;
scrollbar-face-color:#1ee849;
scrollbar-shadow-color:#1ee849;
scrollbar-3dlight-color:#1ee849;
scrollbar-arrow-color:#000000;
scrollbar-track-color:#1ee849;
scrollbar-darkshadow-color:#1e
scrollbar-highlight-color:#1ee849;}
h1{color:#66cdaa;
font-size: 20px;
letter-spacing: -1px;
text-align: left;
font-family: arial;
margin: 10px 0px 0px 0px;
line-height: 15px;}
h2{color:#66cdaa;
font-size: 15px;
letter-spacing: -1px;
text-align: left;
font-family: arial;
margin: 10px 0px 0px 0px;}
p {
font-weight: bold;
color:#66cdaa ;
font-family:times ;
font-size: 12px;
}
/*all divs here*/
div {
font-weight: normal;
color:#66cdaa ;
font-family: times;
font-size: 12px;
}
div#header {
clear: both;
height: 50%;
width: 100%;
background-color: ;
padding: 1px;
}
div#master {
float: center;
width: 100%;
background-color:white;
}
div#left {
float: left;
width: 150px;
background-color: black;
}
div#right {
float: right;
width: 150px;
background-color:black;
}
div#middle {
padding: 0px 160px 5px 160px;
margin: 0px;
background-color:black;
}
div#footer {
clear: both;
background-color:grey;
}
</style>
<title>I like my nails</title>
</head>
<!--who ha -->
<body>
<div id="Head"><img src="pic location" width="100%" height="50%" alt="pic name " />
</div>
<br />
<br />
<div id="master">
<div id="left">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque purus justo, luctus vel, pretium quis, semper id,
metus. Duis quis turpis id sapien hendrerit aliquam. Duis nisl. Sed fermentum magna ac velit. Integer tincidunt arcu ac elit.
Fusce urna pede, dapibus id, mollis eu, tempor eget, nunc. Integer eros quam, scelerisque sagittis, ultricies non,
pellentesque id, elit. Nam accumsan fermentum massa. Suspendisse vehicula ultricies nisi. Curabitur tempus bibendum mi. Donec
eu lectus vitae dolor accumsan auctor. Cras quis dolor sed ipsum tristique pulvinar. Nam id quam vitae lectus tempor
faucibus. Aliquam id nisi ut nisl semper blandit. Morbi pellentesque congue lacus. Sed sed metus. Quisque libero mi,
malesuada ut, tincidunt et, fringilla ut, erat. Sed accumsan gravida dui. Donec enim turpis, mattis eget, adipiscing dictum,
</div>
<div id= "right">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque purus justo, luctus vel, pretium quis, semper id,
metus. Duis quis turpis id sapien hendrerit aliquam. Duis nisl. Sed fermentum magna ac velit. Integer tincidunt arcu ac elit.
Fusce urna pede, dapibus id, mollis eu, tempor eget, nunc. Integer eros quam, scelerisque sagittis, ultricies non,
pellentesque id, elit. Nam accumsan fermentum massa. Suspendisse vehicula ultricies nisi. Curabitur tempus bibendum mi. Donec
eu lectus vitae dolor accumsan auctor. Cras quis dolor sed ipsum tristique pulvinar. Nam id quam vitae lectus tempor
faucibus. Aliquam id nisi ut nisl semper blandit. Morbi pellentesque congue lacus. Sed sed metus. Quisque libero mi,
malesuada ut, tincidunt et, fringilla ut, erat. Sed accumsan gravida dui. Donec enim turpis, mattis eget, adipiscing dictum,
</div>
<div id="middle">
<h1>Your Header Here</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque purus justo, luctus vel, pretium quis, semper id,
metus. Duis quis turpis id sapien hendrerit aliquam. Duis nisl. Sed fermentum magna ac velit. Integer tincidunt arcu ac elit.
Fusce urna pede, dapibus id, mollis eu, tempor eget, nunc. Integer eros quam, scelerisque sagittis, ultricies non,
pellentesque id, elit. Nam accumsan fermentum massa. Suspendisse vehicula ultricies nisi. Curabitur tempus bibendum mi. Donec
eu lectus vitae dolor accumsan auctor. Cras quis dolor sed ipsum tristique pulvinar.
Nam id quam vitae lectus tempor faucibus. Aliquam id nisi ut nisl semper blandit. Morbi pellentesque congue lacus. Sed sed
metus. Quisque libero mi, malesuada ut, tincidunt et, fringilla ut, erat. Sed accumsan gravida dui. Donec enim turpis, mattis
eget, adipiscing dictum, vestibulum id, nulla. Etiam consectetuer. Duis varius sem eu nisi. Praesent congue aliquam elit. Sed
nec sapien. Curabitur lacinia, augue et hendrerit pharetra, sem magna lobortis quam, ac volutpat magna nisl vel libero. Duis
magna. Vestibulum suscipit dui id magna. Suspendisse potenti. Etiam ut purus. Praesent tincidunt, elit bibendum eleifend
tincidunt, arcu lacus vestibulum magna, et pellentesque est justo fringilla dui. Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus. Curabitur elit. Mauris dignissim gravida massa.
Vivamus eu odio. Proin euismod aliquet erat. In sed justo. Nulla a dolor ac tortor placerat elementum. Donec nisi. Donec
lobortis. Cras ut augue. Donec enim. Aenean ut ligula ac arcu suscipit consectetuer. Duis nibh dui, mollis et, elementum ac,
luctus eu, diam. Quisque risus nunc, pharetra in, commodo vel, vestibulum in, tellus. Praesent blandit sagittis nisi. In hac
habitasse platea dictumst.
Morbi interdum. Nullam tincidunt enim eu mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia Curae; Ut pretium, justo at pharetra suscipit, lorem nulla sodales dui, at ultrices quam tellus sit amet metus.
Pellentesque consequat vestibulum sem. Cras consectetuer ipsum non augue. Praesent tellus nulla, sodales at, pretium ut,
consectetuer vel, massa. Aenean risus orci, suscipit eget, ornare eget, lacinia sit amet, sem. Ut vulputate, metus quis
posuere gravida, massa nisi commodo tellus, viverra cursus massa leo at purus. Morbi feugiat fermentum lectus. Aliquam
blandit placerat velit. Aliquam vestibulum porta elit.
In erat. Etiam non augue. Aenean luctus. Fusce arcu mauris, vehicula quis, ultrices sed, porta nec, dolor. Donec eros tellus,
posuere nec, vehicula ut, venenatis at, diam. Curabitur hendrerit. Nulla enim enim, sodales nec, imperdiet ac, gravida vel,
dolor. Etiam hendrerit, leo a mollis semper, elit metus tincidunt pede, sit amet porta turpis quam at diam. Proin sagittis
nulla luctus elit. Curabitur non sapien. Proin eget orci. Curabitur tortor mauris, faucibus a, euismod fermentum, congue
eget, nisi. Sed et purus. Curabitur eget quam et massa dignissim tristique. Cras elit.
</div>
</div>
<div id="footer"><strong>Copy right 2008 Syd</strong> | Design by <strong>Syd</strong></div>
<!--end of the stuff-->
</body>
</html>
http://www.ivoog.com/test The page is COMPLETELY messed up in IE 6. I am not sure what I have done wrong as everything I see is ok. How can it look exactly like IE 7? What changes? Thanks. Is outputting --- Creating linked images < a href= "default.htm"> --- as a line of text next to the image, instead of embedding a link in it. Any ideas what's going on? This is the code: <?xml version = "1.0" encoding = "utf-8"?> <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict //EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <title> Using image as hyperlink </title> </head> <body> <p> Creating linked images < a href= "default.htm"> <img src = "DSC00123.JPG" width = "92" height = "100" alt = Testing out stuff> </img> </a> </p> </body> </head> </html> Is there code that can detect when your page is being embedded and kill the frame? Hi all, I have a question,my code is running properly ,when i copy this and paste in Microsoft outlook express its not working. I have a link to a section of page when i click its heading.My Page is quite big one,so i wrote headings and once its clicked it should go to the section of content. my code ------------ HTML Code: <html>
<body>
<div id="wrapper">
<div id="IUbanner">
<a href="http://www.indiana.edu"><img src="../images/iu_crimson.gif"
alt="Indiana University" /></a>
</div>
<div id="header">
<a href="http://uits.iu.edu"><img src="../images/UITSheader.gif"
alt="University Information Technology Services" /></a>
</div>
<h1 id="subheader"><a href="http://webmaster.iu.edu"><img
src="../images/wmheader.gif" alt="IU Webmaster" border="0"/></a></h1>
<div id="centerwrap">
<div id="content">
<!-- Insert content here -->
<a name="TOP"></a>
<H3>Getting Started</H3>
<H5>Table of Contents</H5>
<ul>
<a href="#a">Introduction</a> <br>
<a href="#b">Getting an Account</a> <br>
<a href="#c">Getting the Tools</a> <br>
<a name="a"></a>
<hr>
<h5>Introduction</h5>
<p> If you are new to developing Web pages, this brief overview will
help
you get started. It outlines the steps you will take to publish your
Web
pages on IU's central Web servers (<tt>Veritas/Champion</tt>). If you
are
familiar with the process of creating and publishing Web pages, see the
Webmaster's "<a href=../tool_guide_info/tgcat.shtml>Tools and
Guides</a>" page to
learn more about improving your Web pages and for help with the tools
offered for the
central web server accounts.</p>
<P>
<CENTER><A HREF="#TOP">Return to Top of Page</A></CENTER></p>
<A NAME="b"></A>
<hr>
<h5>Getting an Account</h5>
<P> Before you can put Web pages on IU's central Web servers
(<tt>Veritas/Champion</tt>),
you need to get an account. To see if you are eligible to have an
account on
an IU web server and to learn how to get an account if you are
eligible, see
the Webmaster's <a href="../account_info/ac.shtml">Accounts</a>
page. </p>
<P><CENTER><A HREF="#TOP">Return to Top of Page</A></CENTER> </p>
<A NAME="c"></A>
<hr>
<h5>Getting the Tools</h5>
<p> Once you have an account on the Web server, the next step is to
get the tools
you will need to create, upload, and view your Web pages. If you
do not already
have these tools, you can get most of the them from <a
href="http://iuware.indiana.edu/">IUware Online</a>. For information
on
obtaining the IUware CD please see the
Knowledge Base entry: <a href="http://kb.iu.edu/data/amij.html">At IU,
where can I get the IUware CD?</a></p>
<p>
Here are the tools you will need to get started: </p>
<ul>
<li><strong>A text editor or word processor</strong>: To create
your Web page,
you'll need a text editor or word processor. Windows computers
come with
a text-editor called "Notepad" and Macintoshes come with a text
editor called
"Simple Text."
</div><!-- end footer -->
</div><!-- end wrapper -->
</body>
</html>
HTML Code: <form method="post" action="mailto:xxxxxxxx@xx.com ">
<table class="text3">
<tr><td valign="top" width="140">Voornaam:</td><td><input name="requiredvoornaam" type="text" id="requiredvoornaam" class="veld" size="30" /></td></tr>
<tr><td valign="top" width="140">Achternaam:</td><td><input name="requiredachternaam" type="text" id="requiredachternaam" class="veld" size="30" /></td></tr>
<tr><td valign="top">E-mail:</td><td><input name="requiredemail" type="text" id="requiredemail" class="veld" size="30" /></td></tr>
<tr><td valign="top">Telefoonnummer:</td><td><input name="requiredtelefoonnummer" type="text" id="requiredtelefoonnummer" class="veld" size="30" /></td></tr>
<tr><td valign="top">Adres:</td><td><input name="requiredadres" type="text" id="requiredadres" class="veld" size="30" /></td></tr>
<tr><td valign="top">Woonplaats:</td><td><input name="requiredwoonplaats" type="text" id="requiredwoonplaats" class="veld" size="30" /></td></tr>
<tr><td valign="top">Aankomstdatum:</td><td><select name="adag" id="adag">
<option value="Dag">Dag</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
<select name="amaand" id="amaand">
<option value="Maand">Maand</option>
<option value="Januari">Januari</option>
<option value="Februari">Februari</option>
<option value="Maart">Maart</option>
<option value="April">April</option>
<option value="Mei">Mei</option>
<option value="Juni">Juni</option>
<option value="Juli">Juli</option>
<option value="Augustus">Augustus</option>
<option value="September">September</option>
<option value="Oktober">Oktober</option>
<option value="November">November</option>
<option value="December">December</option>
</select>
<select name="ajaar" id="ajaar">
<option value="Jaar">Jaar</option>
<option value="2008">2008</option>
<option value="2009">2009</option>
<option value="2010">2010</option>
</select>
</td></tr>
<tr><td valign="top">Vertrekdatum:</td><td><select name="vdag" id="vdag">
<option value="Dag">Dag</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
<select name="vmaand" id="vmaand">
<option value="Maand">Maand</option>
<option value="Januari">Januari</option>
<option value="Februari">Februari</option>
<option value="Maart">Maart</option>
<option value="April">April</option>
<option value="Mei">Mei</option>
<option value="Juni">Juni</option>
<option value="Juli">Juli</option>
<option value="Augustus">Augustus</option>
<option value="September">September</option>
<option value="Oktober">Oktober</option>
<option value="November">November</option>
<option value="December">December</option>
</select>
<select name="vjaar" id="vjaar">
<option value="Jaar">Jaar</option>
<option value="2008">2008</option>
<option value="2009">2009</option>
<option value="2010">2010</option>
</select>
</td></tr>
<tr><td valign="top">Welke huisje:</td><td><select name="huisje" id="huisje">
<option value="1">.____Huisje Zomerbries_____.</option>
<option value="2">.____Huisje Wervelwind_____.</option>
<option value="3">.____Huisje Tornado________.</option>
</select>
<tr><td valign="top">Aantal personen:</td><td><select name="aantal personen" id="aantal personen">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
</select>
<tr><td valign="top">Overige vragen:</td><td><textarea name="bericht" rows="6" cols="23" id="bericht" class="area"></textarea></td></tr>
<tr><td valign="top"></td><td><input type="submit" name="sendFormButton" value="Verzenden" id="sendFormButton" /></td>
</tr>
</table>
</form>
</td></tr></table>
This is what i get once tested... its out of order... Help me plz...... Im not good with those thingz.. Some mouses today have horizontal scroll, some call the tilt. It looks something like: http://www.htmlforums.com/attachment...1&d=1242556560 I noticed that many websites they code those horizontal scroll to go to next/prevous page. For example Discuz! forum system has this function. While you browse hundreds or thousands of posts separated into pages, the horizontal scroll can take you to previous page or next page.(not browser back/forward) How do I code like that? Or any examples? Hello all, It's been a while since I've made a form in HTML, but I'm thinking of just making the form submit directly to my e-mail: Code: <form action="mailto:email@gmail.com"> I get the sneaking suspicion, however, that this method might open the gateway for spam or security issues. Am I wrong? Or is there perhaps a safer way to route the info from the form? If it's of any help, this form will be used for my portfolio website. Users will be able to write to me to make contact or request a quote for a job. Thanks for your time! Hello, I have a graphic opt in form that I would like to make pop up in the same window when someone arrives at my website. Does anyone know how to do that? Here is the code: <html> <head> <title>optin-graphic-blue</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <!-- ImageReady Slices (optin-graphic-blue.jpg) --> <div align="center"> <center> <table id="Table_01" width="160" height="400" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111"> <tr> <td colspan="3"> <img src="images/optin-graphic-blue_01.jpg" alt="" width="160" height="111"></td> </tr> <tr> <td background="images/optin-graphic-blue_02.jpg" width="15" height="132"> </td> <td background="images/optin-graphic-blue_03.jpg" width="131" height="132" valign="top"> <font color="#FFFFFF" face="MS Sans Serif" size="2">Place all the benefits of signing up for your newsletter here! You can also add an e-cover image in this space.</font><p> <font color="#FFFFFF" face="MS Sans Serif" size="2">Best of all... NO GRAPHIC TO EDIT! </font></p> <p><font color="#FFFFFF" face="MS Sans Serif" size="2">And just as beneficial is the fact that this space will increase vertically as you add text and images. </font></p> <p><font color="#FFFFFF" face="MS Sans Serif" size="2">Therefore, you're NOT LIMITED to the amount of text you can add here!<br> </font></td> <td background="images/optin-graphic-blue_04.jpg" width="14" height="132"> </td> </tr> <tr> <td colspan="3"> <img src="images/optin-graphic-blue_05.jpg" alt="" width="160" height="25"></td> </tr> <tr> <form method="post" action="http://www.aweber.com/scripts/addlead.pl"> <input type="hidden" name="meta_web_form_id" value="0123456789"> <input type="hidden" name="meta_split_id" value=""> <input type="hidden" name="unit" value="YourListName"> <input type="hidden" name="redirect" value="http://www.aweber.com/form/thankyou.html"> <input type="hidden" name="meta_adtracking" value=""> <input type="hidden" name="meta_message" value="1"> <input type="hidden" name="meta_required" value="from,name"> <input type="hidden" name="meta_forward_vars" value="0"> <td> <img src="images/optin-graphic-blue_06.jpg" alt="" width="15" height="23"></td> <td background="images/optin-graphic-blue_07.jpg" width="131" height="23"> <p align="center"> <input STYLE="font-family: Arial,Verdana,Tahoma; font-size: 12px; color: #000000; font-weight: normal; height: 20px; width: 120px; background-color: #F8F8F8" TYPE="TEXT" name="name" SIZE="5"></td> <td> <img src="images/optin-graphic-blue_08.jpg" alt="" width="14" height="23"></td> </tr> <tr> <td colspan="3"> <img src="images/optin-graphic-blue_09.jpg" alt="" width="160" height="25"></td> </tr> <tr> <td> <img src="images/optin-graphic-blue_10.jpg" alt="" width="15" height="24"></td> <td background="images/optin-graphic-blue_11.jpg" width="131" height="24"> <p align="center"> <input STYLE="font-family: Arial,Verdana,Tahoma; font-size: 12px; color: #000000; font-weight: normal; height: 20px; width: 120px; background-color: #F8F8F8" TYPE="TEXT" name="from" SIZE="5"></td> <td> <img src="images/optin-graphic-blue_12.jpg" alt="" width="14" height="24"></td> </tr> <tr> <td colspan="3"> <a href="#" onmouseover="window.status='Subscribe Now!'; return true;" onmouseout="window.status=''; return true;" onclick="check_link=0; window.document.forms[0].submit();"> <img src="images/optin-graphic-blue_13.jpg" border="0" alt="Subscribe Now!" width="160" height="38"></a></td> </tr> </form> <tr> <td colspan="3"> <img src="images/optin-graphic-blue_14.jpg" alt="" width="160" height="22"></td> </tr> </table> </center> </div> <!-- End ImageReady Slices --> </body> </html> I'm selling a product and only three out of four are managed through Paypal. I have a buy now drop-down form on my site for Paypal, but I need to ad a fourth option without changing the name of the form. When that one option is selected the user should be auto redirected to another page. The other three options shouldn't do anything until the buyer presses the payday buy now button. Any ideas? I'm sure this has a simple solution, but I've tried a variety of search terms online and the books I have and haven't had any luck. I have the following drop down in my code. <select name="releaseDepartment"> <option value="---">---</option> <option value="membership">Membership</option> <option value="program">Program</option> <option value="fundDevelopment">Fund Development</option> <option value="finance">Finance</option> <option value="outdoor">Outdoor</option> </select> What can I add to my code to make this mandatory (if '---' is still selected pop up a window that says "You must select a department for this release.") Thanks. Hello everyone! My form seems to work... but I'm not getting the submission in my e-mail! You can check it out he www.BoatingHitList.com/formtest.html Here's the code for my form: HTML Code: <form name="htmlform" method="post" action="html_form_send.php"> <table width="500px"> </tr> <tr> <td valign="top"> <label for="name">Name*</label> </td> <td valign="top"> <input type="text" name="name" maxlength="50" size="30"> </td> </tr> <tr> <td valign="top"> <label for="email">Email Address*</label> </td> <td valign="top"> <input type="text" name="email" maxlength="80" size="30"> </td> </tr> <tr> <td valign="top"> <label for="telephone">Location (city, state, country)*</label> </td> <td valign="top"> <input type="text" name="location" maxlength="50" size="30"> </td> </tr> <tr> <td valign="top"> <label for="telephone">Website Address*</label> </td> <td valign="top"> <input type="text" name="website" maxlength="50" size="30"> </td> </tr> <tr> <td valign="top"> <label for="telephone">Website Title*</label> </td> <td valign="top"> <input type="text" name="websitetitle" maxlength="50" size="30"> </td> </tr> <tr> <td valign="top"> <label for="telephone">Listing Category*</label> </td> <td valign="top"> <select name="category"> <option>Select Category <option>BOAT SHOWS/EVENTS <option>BOATING ASSOCIATIONS <option>BOOKS/MAGAZINES <option>BROKERS - NEW BOATS <option>BROKERS - USED BOATS <option>CHARTERS <option>CLASSIFIEDS <option>FINANCE/INSURANCE <option>FORUMS <option>MARINAS <option>PARTS/ACCESSORIES <option>REPAIR/MAINTENANCE <option>SERVICES </select> </td> </tr> <tr> <td valign="top"> <label for="comments">Website Description (25 words or less)*</label> </td> <td valign="top"> <textarea name="comments" maxlength="300" cols="25" rows="6"></textarea> </td> </tr> <tr> <td colspan="2" style="text-align:center"> <input type="submit" value="Submit"> </td> </tr> </table> </form> And here's the code for my php page - www.BoatingHitList.com/html_form_send.php HTML Code: <?php
if(isset($_POST['email'])) {
// CHANGE THE TWO LINES BELOW
$email_to = "submit@boatinghitlist.com";
$email_subject = "Boating Hit List Submission";
function died($error) {
// your error code can go here
echo "We are very sorry, but there were error(s) found with the form you submitted. ";
echo "These errors appear below.<br /><br />";
echo $error."<br /><br />";
echo "Please go back and fix these errors before submitting.<br /><br />";
die();
}
// validation expected data exists
if(!isset($_POST['name']) ||
!isset($_POST['email']) ||
!isset($_POST['comments'])) {
died('We are sorry, but there appears to be a problem with the form you submitted.');
}
$name = $_POST['name']; // required
$email_from = $_POST['email']; // required
$location = $_POST['location']; // required
$website = $_POST['website']; // required
$websitetitle = $_POST['websitetitle']; // required
$category = $_POST['category']; // required
$comments = $_POST['comments']; // required
$error_message = "";
$email_exp = "^[A-Z0-9._%-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$";
if(!eregi($email_exp,$email_from)) {
$error_message .= 'Please enter a valid e-mail address.<br />';
}
$string_exp = "^[a-z .'-]+$";
if(!eregi($string_exp,$name)) {
$error_message .= 'Please enter a valid name.<br />';
}
if(strlen($comments) < 2) {
$error_message .= 'Please enter a valid website description.<br />';
}
if(strlen($error_message) > 0) {
died($error_message);
}
$email_message = "Form details below.\n\n";
function clean_string($string) {
$bad = array("content-type","bcc:","to:","cc:","href");
return str_replace($bad,"",$string);
}
$email_message .= "Name: ".clean_string($name)."\n";
$email_message .= "Email: ".clean_string($email_from)."\n";
$email_message .= "Location: ".clean_string($location)."\n";
$email_message .= "Website Address: ".clean_string($website)."\n";
$email_message .= "Website Title: ".clean_string($websitetitle)."\n";
$email_message .= "Listing Category: ".clean_string($category)."\n";
$email_message .= "Website Description: ".clean_string($comments)."\n";
// create email headers
$headers = 'From: '.$email_from."\r\n".
'Reply-To: '.$email_from."\r\n" .
'X-Mailer: PHP/' . phpversion();
@mail($email_to, $email_subject, $email_message, $headers);
?>
<!-- place your own success html below -->
<p><center><img src="http://www.boatinghitlist.com/BHLlogo.gif">
<p><font face="calibri" size="4">
Thank you for submitting your website to BoatingHitList.com.</font>
<p><font face="calibri" size="4">
Please make sure you include a link back to us on your website. All websites are individually reviewed to ensure they are placed in the correct category and that your website links back to us. Upon your website's approval, you will receive an e-mail notification. If your website is denied, you will receive an e-mail with the reason(s) your website was denied.
<p>Choose one of the codes below to display our link back on your website:
<p>
<textarea rows="6" cols="30">
<a href="http://www.boatinghitlist.com" target="_blank"><img src="http://www.boatinghitlist.com/BHLicon.jpg" height="70" width="70" border="0"></a>
</textarea>
<p>
Will display as:
<p>
<a href="http://www.boatinghitlist.com" target="_blank"><img src="http://www.boatinghitlist.com/BHLicon.jpg" height="70" width="70" border="0"></a>
<p>
<textarea rows="6" cols="30">
Visit <a href="http://www.boatinghitlist.com" target="_blank">www.BoatingHitList.com</a> for a directory of boating industry websites!
</textarea>
<p>
Will display as:
<p>
Visit <a href="http://www.boatinghitlist.com" target="_blank">www.BoatingHitList.com</a> for a directory of boating industry websites!
<p>
<a href="http://www.boatinghitlist.com">CLICK HERE TO GO BACK TO www.BoatingHitList.com</a>
<?php
}
?>
I'm completely baffled. I have a contact form on this website: http://www.waldronforest.com/ that works just fine when I test it in FireFox, but when I try to use it in internet explorer I can't even click on the fields. Anyone have any idea why? Thanks! Everyone, An XHTML class project is posting to an e-mail address. The code works in FireFox, Chrome, and Safari, but not in IE v9. Here's the first several lines of the document, down to the <form> tag: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <link rel="stylesheet" type="text/css" href="../style-sheets/assignments-styles.css" /> <link rel="shortcut icon" href="../images/favicon.ico" type="x-icon" /> <link rel="icon" href="../images/favicon.ico" type="x-icon" /> <title>Site Opinion Form</title> <style type="text/css"> <!-- legend {float: left; color: #00008b; font-style: italic; font-size: small} --> </style> </head> <body> <form method="post" action="mailto:fname.lname@student.swic.edu?subject=Student's Assignment Input"> TIA. i know how to create a web page i have done it already but i need to create a from and lots of options to choose from and submit stuff and how do i make it work? and what i have to do? thanks HI need help to editing the template form that can't work. below is the forms code, some one know what to sit or add any for make the form work. <td valign="top" width="270" style="height:100% "> <!--webbot BOT="GeneratedScript" PREVIEW=" " startspan --><script Language="JavaScript" Type="text/javascript"><!-- function FrontPage_Form1_Validator(theForm) { if (theForm.Name.value == "") { alert("Please enter a value for the \"Your full name\" field."); theForm.Name.focus(); return (false); } if (theForm.Email_address.value == "") { alert("Please enter a value for the \"E-mail address\" field."); theForm.Email_address.focus(); return (false); } if (theForm.Message.value == "") { alert("Please enter a value for the \"Your message\" field."); theForm.Message.focus(); return (false); } return (true); } //--></script><!--webbot BOT="GeneratedScript" endspan --><form method="POST" name="FrontPage_Form1" action="mailto:support@itacstudio.com" onSubmit="return FrontPage_Form1_Validator(this)" webbot-action="--WEBBOT-SELF--" language="JavaScript"> <!--webbot bot="SaveResults" startspan S-Email-Format="TEXT/PRE" S-Email-Address="support@itacstudio.com.com" B-Email-Label-Fields="TRUE" B-Email-ReplyTo-From-Field="TRUE" S-Email-ReplyTo="Email_address" S-Builtin-Fields="REMOTE_NAME HTTP_USER_AGENT" S-Form-Fields="Name Email_address Telephone Message " U-Confirmation-Url="index-4.html" --><input TYPE="hidden" NAME="VTI-GROUP" VALUE="0"><!--webbot bot="SaveResults" endspan i-checksum="43374" --> <table cellpadding="0" cellspacing="0" border="0" style="height:100% "> <tr> <td valign="top" width="270" height="125"> <div style=" margin-left:0px; margin-top:0px "><a href="index-4.html"><img src="images/p4.jpg" alt="" border="0" width="270" height="122"></a></div> </td> </tr> <tr> <td valign="top" width="270" style="background-image: url('images/5_bg.gif'); background-repeat: no-repeat; background-attachment: scroll; background-color: #E7E7E7; height: 100%; background-position: Right 100%"> <div style=" margin-left:28px; margin-top:21px "><img src="images/5_w3.gif" alt="" border="0" width="123" height="17"></div> <div style=" margin-left:30px; margin-top:11px; margin-right:20px; line-height:14px " class="b2">Your full name:</div> <div style="margin-left:30px; margin-top:0px;"><!--webbot bot="Validation" S-Display-Name="Your full name" B-Value-Required="TRUE" --><input type="text" class="b" style=" width:217px; height:20px; border-style:solid; border-width:1px; border-color:#BEC0C2; background-color:#E7E7E7 " size="20" name="Name"></div> <div style=" margin-left:30px; margin-top:4px; margin-right:20px; line-height:14px " class="b2">E-mail address:</div> <div style="margin-left:30px; margin-top:0px;"><!--webbot bot="Validation" S-Display-Name="E-mail address" B-Value-Required="TRUE" --><input type="text" class="b" style=" width:217px; height:20px; border-style:solid; border-width:1px; border-color:#BEC0C2; background-color:#E7E7E7 " size="20" name="Email_address"></div> <div style=" margin-left:30px; margin-top:4px; margin-right:20px; line-height:14px " class="b2">Your telephone:</div> <div style="margin-left:30px; margin-top:0px;"><input type="text" class="b" style=" width:217px; height:20px; border-style:solid; border-width:1px; border-color:#BEC0C2; background-color:#E7E7E7 " size="20" name="Telephone"></div> <div style=" margin-left:30px; margin-top:4px; margin-right:20px; line-height:14px " class="b2">Your message:</div> <div style="margin-left:30px; margin-top:1px;"><!--webbot bot="Validation" S-Display-Name="Your message" B-Value-Required="TRUE" --><textarea cols="35" rows="35" class="b" style=" width:217px; height:144px; border-style:solid; border-width:1px; border-color:#BEC0C2; background-color:#E7E7E7; overflow:hidden " name="Message"></textarea></div> <div class="b" style="width: 84; height: 19; margin-left: 180px; margin-top: 3px"><input border="0" src="images/button_submit.jpg" name="I1" width="55" height="13" type="image"></div> </td> </tr> </table> </form> Hi, Does anyone know how to get in contact with a moderator since the contact form is crap and doesn't work. It tells me I've entered the wrong Security id even thought there is none on the contact page. cheerz Hi all, Could somebody please give me a hand as to why this contact form is not working? In the Head section: Code: <script type="text/javascript">
function validate_email(field,alerttxt)
{
with (field)
{
apos=value.indexOf("@");
dotpos=value.lastIndexOf(".");
if (apos<1||dotpos-apos<2)
{alert(alerttxt);return false;}
else {return true;}
}
}
function validate_form(thisform)
{
with (thisform)
{
if (validate_email(email,"Not a valid e-mail address!")==false)
{email.focus();return false;}
}
}
</script>
In the HTML body section: Code: <form id="contacts-form" onsubmit="return validate_form(this)" action="contact.php" method="get">
<div class="wrapper">
<div class="col-1">
<label>Name:<br /><input type="text" name="name" required/></label>
<label>E-mail:<br /><input type="text" name="email" required/></label>
</div>
<div class="col-2">
Message:<br /><textarea cols="" name="message" required rows=""></textarea>
<div class="alignright"><a href="#" onClick="document.getElementById('contacts-form').reset()" class="more"><strong>clear</strong></a> <a href="#" onClick="document.getElementById('contacts-form').submit()" class="more"><strong>send message</strong></a> </div>
</div>
</div>
</form>
It just sends the form without validating the email address, Any help would be wonderful. Thanks |
|||||||