+ Start a Discussion
web.ax1312web.ax1312 

Web to Lead

I am struggling creating a web to lead form through salesforce that both works and looks good.  I am using the coding generated through salesforce's web to lead and then adding code to make it look better but three fields are not syncing properly.  The three fields that are not syncing are date of session, cost of session and birthday #4.  Below is the coding.  Could you please help me locate the error in this so I can get my database going?  Thanks!

 

<!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">
<head runat="server">
    <title>Julie Marwood | Web Leads</title>
    <meta name="author"	content="Turton Consulting Inc." />
    <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
    <script language="JavaScript" src="js/calendar_us.js" type="text/javascript"></script>
    <link href="css/StyleSheet.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="css/calendar.css" />
    <script src="js/prototype.js" type="text/javascript"></script>
    <script src="js/scriptaculous.js" type="text/javascript"></script>
    <script src="js/webleads.js" type="text/javascript"></script>
</head>
<body onload="$(office_information).hide();">
<center>
<form name="frmWebLeads" id="frmWebLeads" action="https://www.salesforce.com/servlet/servlet.WebToLead?encoding=UTF-8" method="POST">
<input type="hidden" name="oid" value="00Dd0000000dJa7" />
<input type="hidden" name="retURL" value="http://juliemarwood.com/" />
<input type="hidden" name="toggleval" id="toggleval" value="0" />
<!--  ----------------------------------------------------------------------  -->
<!--  NOTE: These fields are optional debugging elements. Please uncomment    -->
<!--  these lines if you wish to test in debug mode.                          -->
<!--<input type="hidden" name="debug" value="1" />-->
<!--<input type="hidden" name="debugEmail" value="jmpmarwood@gmail.com" /> -->
<!--<input type="hidden" name="debugEmail" value="guy.turton@gmail.com" /> -->
<!--  ----------------------------------------------------------------------  -->
<table cellpadding="5px" cellspacing="0" border="0" class="contactForm" style="text-align:left;width:620px;">
<tr>
<td colspan="4" class="webLeadsTitle">Client Information:</td>
</tr>
<tr>
<td id="tdFirstName">First Name:</td>
<td><input id="first_name" maxlength="40" name="first_name" size="20" type="text" class="webLeadsCapitals" /> <span class="error">*</span></td>
<td></td>
<td></td>
</tr>
<tr>
<td id="tdLastName">Last Name:</td>
<td><input id="last_name" maxlength="80" name="last_name" size="20" type="text" class="webLeadsCapitals" /> <span class="error">*</span></td>
<td></td>
<td></td>
</tr>
<tr>
<td id="tdSpouceName">Spouse&#39;s Name:</td>
<td><input id="spoucename" maxlength="30" name="00Nd0000003dwh0" size="20" type="text" class="webLeadsCapitals" /></td>
<td></td>
<td></td>
</tr>
<tr>
<td id="tdEmail">Email:</td>
<td><input id="email" maxlength="80" name="email" size="20" type="text" /> <span class="error">*</span></td>
<td></td>
<td></td>
</tr>
<tr>
<td id="tdHomePhone">Home Phone:</td>
<td><input id="00Nd0000003dzCb" maxlength="40" name="00Nd0000003dzCb" size="20" type="text" onkeydown="javascript&colon;backspacerDOWN(this,event);" onkeyup="javascript&colon;backspacerUP(this,event);" /> <span class="error">*</span></td>
<td></td>
<td></td>
</tr>
<tr>
<td>Cell Phone:</td>
<td><input id="00Nd0000003dzgY" maxlength="40" name="00Nd0000003dzgY" size="20" type="text" onkeydown="javascript&colon;backspacerDOWN(this,event);" onkeyup="javascript&colon;backspacerUP(this,event);" /></td>
<td></td>
<td></td>
</tr>
<tr>
<td>Work Phone:</td>
<td><input id="00Nd0000003dzQC" maxlength="40" name="00Nd0000003dzQC" size="20" type="text" onkeydown="javascript&colon;backspacerDOWN(this,event);" onkeyup="javascript&colon;backspacerUP(this,event);" /></td>
<td></td>
<td></td>
</tr>
<tr>
<td id="tdAddress" style="vertical-align:top;">Address:</td>
<td colspan="3" style="vertical-align:top;"><textarea id="street" name="street" rows="3" cols="20" class="webLeadsCapitals"></textarea> <span class="error">*</span></td>
</tr>
<tr>
<td id="tdCity">City:</td>
<td><input id="city" maxlength="40" name="city" size="20" type="text" class="webLeadsCapitals" /> <span class="error">*</span></td>
<td></td>
<td></td>
</tr>
<tr>
<td id="tdProvince">Province:</td>
<td><input id="state" maxlength="20" name="state" size="20" type="text" class="webLeadsCapitals" /> <span class="error">*</span></td>
<td></td>
<td></td>
</tr>
<tr>
<td id="tdPostalCode">Postal Code:</td>
<td><input  id="zip" maxlength="7" name="zip" size="20" type="text" class="webLeadsAllCaps" /> <span class="error">*</span></td>
<td></td>
<td></td>
</tr>
<tr>
<td>1. Child&#39;s Name:</td>
<td><input id="00Nd0000003dwmi" maxlength="30" name="00Nd0000003dwmi" size="20" type="text" class="webLeadsCapitals" /></td>
<td>Date of Birth:</td>
<td style="white-space:nowrap;">
<input id="00Nd0000003dwms" name="00Nd0000003dwms" size="12" type="text" />
<script language="JavaScript" type="text/javascript">
new tcal({
'formname': 'frmWebLeads',
'controlname': '00Nd0000003dwms'
});
</script>
</td>
</tr>
<tr>
<td>2. Child&#39;s Name:</td>
<td><input id="00Nd0000003dwjz" maxlength="30" name="00Nd0000003dwjz" size="20" type="text" class="webLeadsCapitals" /></td>
<td>Date of Birth:</td>
<td style="white-space:nowrap;">
<input id="00Nd0000003dwl7" name="00Nd0000003dwl7" size="12" type="text" />
<script language="JavaScript" type="text/javascript">
new tcal({
'formname': 'frmWebLeads',
'controlname': '00Nd0000003dwl7'
});
</script>
</td>
</tr>
<tr>
</tr>
<tr>
<td>3. Child&#39;s Name:</td>
<td><input id="00Nd0000003dwlv" name="00Nd0000003dwlv" size="30" type="text" class="webLeadsCapitals" /></td>
<td>Date of Birth:</td>
<td style="white-space:nowrap;">
<input id="00Nd0000003dwmx" name="00Nd0000003dwmx" size="12" type="text" />
<script language="JavaScript" type="text/javascript">
new tcal({
'formname': 'frmWebLeads',
'controlname': '00Nd0000003dwmx'
});
</script>
</td>
</tr>
<tr>
<td>4. Child&#39;s Name:</td>
<td><input id="00Nd0000003dwk4" name="00Nd0000003dwk4" size="30" type="text" class="webLeadsCapitals" /></td>
<td>Date of Birth:</td>
<td style="white-space:nowrap;">
<input id="00Nd0000003dwn2" name="00Nd0000003dwn2" size="12" type="text" />
<script language="JavaScript" type="text/javascript">
new tcal({
'formname': 'frmWebLeads',
'controlname': '00Nd0000003dwn2'
});
</script>
</td>
</tr>
<tr>
<td style="vertical-align:top;" id="tdHowDidYouHear">How did you hear about me?</td>
<td colspan="3" style="vertical-align:top;">
<select id="00Nd0000003dzM5" multiple="multiple" name="00Nd0000003dzM5" title="How did you hear about me?"><option value="Internet">Internet</option>
<option value="Synergea">Synergea</option>
<option value="From Here Through Maternity Book">From Here Through Maternity Book</option>
<option value="Facebook">Facebook</option>
<option value="The Birthing Magazine">The Birthing Magazine</option>
<option value="Friend">Friend</option>
<option value="Other">Other</option>
</select>
<span class="error">*</span>
</td>
</tr>
<tr>
<td id="tdReferredBy">Referred by:</td>
<td><input id="00Nd0000003dzRJ" maxlength="30" name="00Nd0000003dzRJ" size="20" type="text" class="webLeadsCapitals" /></td>
<td></td>
<td></td>
</tr>
<tr>
<td style="vertical-align:top;">Permission for Use:</td>
<td colspan="3">
<input id="00Nd0000003dzQg" name="00Nd0000003dzQg" type="checkbox" value="1" checked="checked" /><br />
Thank you for choosing me as your photographer.<br />
I would like to ask your permission to use these images for portfolio and/or marketing purposes<br />
for business affiliated with Julie Marwood Photography.
</td>
</tr>
<tr>
<td>Interested in Custom Framing:</td>
<td><input  id="00Nd0000003eiaC" name="00Nd0000003eiaC" type="checkbox" value="1" /></td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="4"><br /></td>
</tr>
<tr>
<td colspan="4" class="webLeadsTitle"><a href="#" title="Up" onclick="Toggle();">Office Information:</a></td>
</tr>
</table>
<div id="office_information">
<div>
<table cellpadding="5px" cellspacing="0" border="0" class="contactForm" style="text-align:left;width:620px;">
<tr>
<td>Date of Photo Session:</td>
<td style="white-space:nowrap;">
<input id="00Nd0000003dwnl" name="00Nd0000003dwnl" size="12" type="text" />
<script language="JavaScript" type="text/javascript">
new tcal({
'formname': 'frmWebLeads',
'controlname': '00Nd0000003dwnl'
});
</script>
</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Reference Number:</td>
<td><input id="00Nd0000003dzLq" maxlength="10" name="00Nd0000003dzLq" size="20" type="text" /></td>
<td></td>
<td></td>
</tr>
<tr>
<td>Prenatal Due Date:</td>
<td style="white-space:nowrap;">
<input id="00Nd0000003dwnW" name="00Nd0000003dwnW" size="12" type="text" />
<script language="JavaScript" type="text/javascript">
new tcal({
'formname': 'frmWebLeads',
'controlname': '00Nd0000003dwnW'
});
</script>
</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Cost of Session:</td>
<td>
<input id="00Nd0000003dzgE" name="00Nd0000003dzgE" type="text" />
</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Type of Session:</td>
<td>
<select id="00Nd0000003dzgO" name="00Nd0000003dzgO" title="Type of Session"><option value="">--None--</option><option value="Newborn">Newborn</option>
<option value="Prenatal">Prenatal</option>
<option value="Baby">Baby</option>
<option value="Family">Family</option>
<option value="Corporate">Corporate</option>
</select>
</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Payment Schedule:</td>
<td><input  id="00Nd0000003eigG" maxlength="50" name="00Nd0000003eigG" size="20" type="text" /></td>
<td></td>
<td></td>
</tr>
<tr>
<td style="vertical-align:top;">Final Order:</td>
<td colspan="3" style="vertical-align:top;">
<textarea  id="00Nd0000003dzg4" name="00Nd0000003dzg4" cols="30" rows="4"></textarea>
</td>
</tr>
<tr>
<td style="vertical-align:top;">Additional Information About Client:</td>
<td colspan="3" style="vertical-align:top;"><textarea id="00Nd0000003e5QB" name="00Nd0000003e5QB" rows="5" cols="30"></textarea></td>
</tr>
<tr>
<td colspan="4" style="text-align:center;">
<input type="button" name="btnSubmit" title="Submit" value="submit" onclick="JavaScript&colon;ValidateAndSubmit();return false;" />
</td>
</tr>
</table>
</div>
</div>
</form>
</center>
</body>
</html>
DevWannabeDevWannabe

Of the three fields you are mentioning that are not syncing I can only find one in your code, cost of session, so unless I am just totally missing them in your code that might be part of the issue.  As far as why cost of session is not updating the logical thing to try is adding a size declaration as that looks to be the only text field that doesn't have one.  Now that is just based on patterns not coding logic.  Would be curious if that fixed it though.