Form Dilemma

dfuse

I am writing a form for an e-commerce site and I want to be able to copy the shipping address form fields to the billing address form fields live so that the user can see it.

kevinsequeira

this is a javascript code issue, u would probably have a checkbox which says "billing addres same as shipping"

and then on click u have to copy form fields

look up google for oncheck or onclick im not sure which for checkbox.

then in the function do a copy like so

document.form_name.billing_address1 = document.form_name.shipping_address1;

and so on

if u had posted ure code, could give u more specific code
reg
kevin

dfuse

<form name=\"shop\" method=\"post\" action='$url' onsubmit=\"return check(this)\">
<table width=\"70%\" border=\"0\" cellspacing=\"1\" cellpadding=\"1\">
<tr>
<td colspan=\"2\"><font color=\"#FF0000\" size=\"4\"><strong></strong></font> Indicates a REQUIRED field.</td>
</tr>
<tr>
<td colspan=\"2\" class=title2><strong>Personal:</td>
</tr>
<tr>
<td width=\"20%\" class=text2><font color=\"#FF0000\" size=\"4\"><strong></strong></font>Name:
</td>
<td width=\"80%\" class=text2><font color=\"#FFFFFF\">
<input name=\"rname\" type=\"text\" size=\"30\" maxlength=\"50\" value='$rname'>
</font></td>
</tr>
<tr>
<td class=text2><font color=\"#FFFFFF\"><font color=\"#FF0000\" size=\"4\"><strong></strong></font><font color=\"#000000\">Company:
</font></td>
<td class=text2><input name=\"rcompany\" type=\"text\" size=\"30\" maxlength=\"50\" value='$rcompany'></td>
</tr>
<tr>
<td class=text2><font color=\"#FFFFFF\"><font color=\"#FF0000\" size=\"4\"><strong></strong></font></font>Phone:</td>
<td class=text2><input name=\"rphone\" type=\"text\" size=\"25\" maxlength=\"30\" value='$rphone'> </td>
</tr>
<tr>
<td class=text2><font color=\"#FFFFFF\"><font color=\"#FF0000\" size=\"4\"><strong></strong></font></font>E-Mail:</td>
<td class=text2><input name=\"remail\" type=\"text\" size=\"25\" maxlength=\"50\" value='$remail'> </td>
</tr>
<tr>
<td class=text2>PO Number:</td>
<td class=text2><input name=\"po_number\" type=\"text\" size=\"25\" maxlength=\"50\" value='$po_number'></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
<table width=\"70%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">
<tr bgcolor=\"#CCCCCC\">
<td colspan=\"2\" class=title2>Credit Cart Information:</td>
</tr>
<tr>
<td width=\"40%\" class=text2><font color=\"#FF0000\" size=\"4\"><strong></strong></font>Credit
Card Type:</td>
<td class=hd3><SELECT name='rcc_type' value='$rcc_type'>$cr_sel</SELECT></td>
</tr>
<tr>
<td class=text2><div align=\"left\"><font color=\"#FFFFFF\"><font color=\"#FFFFFF\"><font color=\"#FF0000\" size=\"4\"><strong></strong></font></font><font color=\"#000000\">Credit
Card Number:</font></font></div></td>
<td class=text2><input type='text' name=\"rcc_number\" value='$rcc_number' size=\"25\" maxlength=\"20\"></td>
</tr>
<tr>
<td class=text2><font color=\"#FFFFFF\"><font color=\"#FF0000\" size=\"4\"><strong></strong></font></font>Expiration
Date: </td>
<td class=text2><input type='text' name=\"rcc_expired\" value='$rcc_expired' size=\"25\" maxlength=\"10\"></td>
</tr>
<tr>
<td class=text2><font color=\"#FFFFFF\"><font color=\"#FF0000\" size=\"4\"><strong></strong></font></font>Name
As It Appears On Card:</td>
<td class=text2><input type='text' name=\"rcc_name\" value='$rcc_name' size=\"25\" maxlength=\"50\"></td>
</tr>
</table>
<table width=\"70%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">
<tr>
<td width=\"25%\"> </td>
<td width=\"75%\"> </td>
</tr>
<tr>
<td colspan=\"2\" class=title2>Shipping Information:</td>
</tr>
<tr>
<td class=text2><font color=\"#FF0000\" size=\"4\"><strong></strong></font>Shipping Address: </td>
<td class=text2><input type=\"text\" name=\"rs_address1\" value='$rs_address1'></td>
</tr>
<tr>
<td class=text2> </td>
<td class=text2><input type=\"text\" name=\"s_address2\" value='$s_address2'></td>
</tr>
<tr>
<td class=text2> </td>
<td class=text2><input type=\"text\" name=\"s_address3\" value='$s_address3'></td>
</tr>
<tr>
<td class=text2> </td>
<td class=text2><input type=\"text\" name=\"s_address4\" value='$s_address4'></td>
</tr>
<tr>
<td class=text2><font color=\"#FFFFFF\"><font color=\"#FF0000\" size=\"4\"><strong></strong></font></font>City:
</td>
<td class=text2><input type=\"text\" name=\"rs_address_city\" value='$rs_address_city'></td>
</tr>
<tr>
<td class=text2><font color=\"#FFFFFF\"><font color=\"#FF0000\" size=\"4\"><strong></strong></font><font color=\"#000000\">State/Province:
</font></font></td>
<td class=text2><input type=\"text\" name=\"rs_address_state\" value='$rs_address_state'></td>
</tr>
<tr>
<td class=text2><font color=\"#FFFFFF\"><font color=\"#FF0000\" size=\"4\"><strong></strong></font></font>Country:</td>
<td class=text2><input type=\"text\" name=\"rs_address_country\" value='$rs_address_country'></td>
</tr>
<tr>
<td class=text2><font color=\"#FFFFFF\"><font color=\"#FF0000\" size=\"4\"><strong></strong></font></font>Zip
or Routing Code:</td>
<td class=text2><input type=\"text\" name=\"rs_address_zip_code\" value='$rs_address_zip_code'></td>
</tr>
<tr>
<td colspan=\"2\"><input type=\"checkbox\" name=\"identical\" value='$identical'>
Click here if the shipping address and billing address are identical</td>
</tr>
<tr>
<td colspan=\"2\" class=text2> </td>
</tr>
</table>

<table width=\"70%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">
<tr bgcolor=\"#CCCCCC\">
<td colspan=\"2\" class=title2>Billing Address:</td>
</tr>
<tr>
<td width=\"25%\" class=text2><font color=\"#FFFFFF\"><font color=\"#FF0000\" size=\"4\"><strong></strong></font></font>Billing
Address: </td>
<td width=\"75%\" class=text2><input type=\"text\" name=\"b_address1\" value='$b_address1'></td>
</tr>
<tr>
<td class=text2> </td>
<td class=text2><input type=\"text\" name=\"b_address2\" value='$b_address2'></td>
</tr>
<tr>
<td class=text2> </td>
<td class=text2><input type=\"text\" name=\"b_address3\" value='$b_address3'></td>
</tr>
<tr>
<td class=text2> </td>
<td class=text2><input type=\"text\" name=\"b_address4\" value='$b_address4'></td>
</tr>
<tr>
<td class=text2><font color=\"#FFFFFF\"><font color=\"#FF0000\" size=\"4\"><strong></strong></font></font>City:
</td>
<td class=text2><input type=\"text\" name=\"b_address_city\" value='$b_address_city'></td>
</tr>
<tr>
<td class=text2><font color=\"#FFFFFF\"><font color=\"#FF0000\" size=\"4\"><strong></strong></font><font color=\"#000000\">State/Province:
</font></font></td>
<td class=text2><input type=\"text\" name=\"b_address_state\" value='$b_address_state'></td>
</tr>
<tr>
<td class=text2><font color=\"#FFFFFF\"><font color=\"#FF0000\" size=\"4\"><strong></strong></font></font>Country:</td>
<td class=text2><input type=\"text\" name=\"b_address_country\" value='$b_address_country'></td>
</tr>
<tr>
<td class=text2><font color=\"#FFFFFF\"><font color=\"#FF0000\" size=\"4\"><strong>*</strong></font></font>Zip
or Routing Code:</td>
<td class=text2><input type=\"text\" name=\"b_address_zip_code\" value='$b_address_zip_code'></td>
</tr>
</table>
<p><font color=\"#FFFFFF\">
<font color=\"#000000\"> </font> </font></p>

dfuse

I have a checkbox that says address and billing are the same and it copies it correctly into my sql database but i'd like it to be live so the users can see.

kevinsequeira

did u try looking up the onClick function for the checkbox ??

anyway, make this change

and outside the form have this
<script language="javascript">
function same_as_shipping(){
document.shop.b_address1.value = document.shop.rs_address1.value;
.
.
.do the rest the same way
.
}
</script>

reg
kevin

dfuse

Thanks so much for your help. I'll try your suggestion.