LinkBack URL
About LinkBacks
Question:
When I updated the rest of the onChange for the text fields - they did not work...am I jumping ahead or ?
Here's my code so far with the corrections for the label tags and adding color codes:
Form here: Untitled DocumentHTML Code:<html xmlns="XHTML namespace"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> </head> <body> <form action="formprocessor2.php" method="POST"><table width="100%" border="0" cellspacing="10" cellpadding="0"> <tr> <td>Customer Input Section - all info is optional </td> <td width="50%">Design Preview </td> </tr> <tr> <td width="50%"><table width="202%" border="0" cellspacing="10" cellpadding="0"> <tr> <td>Background Selection </td> <td> <input name="radiobutton" type="radio" value="#345ea9" tabindex="1" onChange="document.getElementById('cardTemplate').style.backgroundColor=this.value" /> Blue Image <input name="radiobutton" type="radio" value="#FF0000" tabindex="2" onChange="document.getElementById('cardTemplate').style.backgroundColor=this.value" /> Red Image<br /> <input name="radiobutton" type="radio" value="#9900FF" tabindex="3" onChange="document.getElementById('cardTemplate').style.backgroundColor=this.value" /> Purple Image <input name="radiobutton" type="radio" value="#ffffff" tabindex="4" onChange="document.getElementById('cardTemplate').style.backgroundColor=this.value" /> No Image</td> </tr> <tr> <td>Company Name </td> <td><input name="company_name" type="text" id="company_name" tabindex="5" size="25" maxlength="50" onChange="document.getElementById('companyName').innerHTML=this.value;" /></td> </tr> <tr> <td>Slogan</td> <td><input name="slogan" type="text" id="slogan" tabindex="6" size="25" maxlength="100" onChange="document.getElementById('slogan').innerHTML=this.value;" /></td> </tr> <tr> <td>Full Name </td> <td><input name="name" type="text" id="name" tabindex="7" size="25" maxlength="50" onChange="document.getElementById('name').innerHTML=this.value;" /></td> </tr> <tr> <td>Job Title </td> <td><input name="title" type="text" id="title" tabindex="8" size="25" maxlength="25" onChange="document.getElementById('title').innerHTML=this.value;" /></td> </tr> <tr> <td>Address - Line 1 </td> <td><input name="address_1" type="text" id="address_1" tabindex="9" size="25" maxlength="100" onChange="document.getElementById('address1').innerHTML=this.value;" /></td> </tr> <tr> <td>Address - Line 2 </td> <td><input name="address_2" type="text" id="address_2" tabindex="10" size="25" maxlength="100" onChange="document.getElementById('address2').innerHTML=this.value;" /></td> </tr> <tr> <td>Address - Line 3 </td> <td><input name="address_3" type="text" id="address_3" tabindex="11" size="25" maxlength="100" onChange="document.getElementById('address3').innerHTML=this.value;" /></td> </tr> <tr> <td>Telephone</td> <td><input name="phone" type="text" id="phone" tabindex="12" size="25" maxlength="15" onChange="document.getElementById('phone').innerHTML=this.value;" /></td> </tr> <tr> <td>Cell </td> <td><input name="cell" type="text" id="cell" tabindex="13" size="25" maxlength="15" onChange="document.getElementById('cell').innerHTML=this.value;" /></td> </tr> <tr> <td>Fax</td> <td><input name="fax" type="text" id="fax" tabindex="14" size="25" maxlength="15" onChange="document.getElementById('fax').innerHTML=this.value;" /></td> </tr> <tr> <td>e-mail Address </td> <td><input name="vis_email" type="text" id="vis_email" tabindex="15" size="25" maxlength="50" onChange="document.getElementById('email').innerHTML=this.value;" /></td> </tr> <tr> <td>Website Address </td> <td><input name="website" type="text" id="website" tabindex="16" size="25" maxlength="100" onChange="document.getElementById('website').innerHTML=this.value;" /></td> </tr> <tr> <td>Additional Info </td> <td><input name="add_info" type="text" id="add_info" tabindex="17" size="25" maxlength="100" onChange="document.getElementById('addInfo').innerHTML=this.value;" /></td> </tr> <tr> <td><label></label></td> <td> </td> </tr> </table> </td> <td width="50%" align="center" valign="top"><table id=cardTemplate width="350" height="200" border="0" align="center" cellpadding="0" cellspacing="10"> <tr> <td rowspan="2" id="companyName">company_name </td> <td id="name"><div align="right">name</div></td> </tr> <tr> <td id="title"><div align="right">title</div></td> </tr> <tr> <td colspan="2" align="center" id="slogan">slogan</td> </tr> <tr> <td id="address1">address_1</td> <td align="right" id="phone">phone</td> </tr> <tr> <td id="address2">address_2</td> <td align="right" id="cell">cell</td> </tr> <tr> <td id="address3">address_3</td> <td align="right" id="fax">fax</td> </tr> <tr> <td id="website">website</td> <td align="right" id="email">• vis_email </td> </tr> <tr> <td colspan="2" align="center" id="addInfo">add_info</td> </tr> </table> <br /> <label> <input name="approval" type="checkbox" id="approval" value="approve" /> </label> I approve Design! (required)<br /> <br /> <input type="submit" name="Submit" value="Submit Design!" /></td> </tr> </table> </form> </body> </html>
Reply With Quote