Form Help

**navaldesign** · 09-05-2006, 12:50 PM

Re: Form Help

We need the order.php script code, as this is the one processing your form info. Also, has your scripts instructions to set the encoding type in "application/x-www-form-urlencoded" ?

**abcdme** · 09-06-2006, 03:33 AM

Re: Form Help

Hi, thanks for the reply. I have now changed it back to 'application/x-www-form-urlencoded' as I had changed this between attempts to get it working.

The code in the page itself is:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Get Canvased Secure Order Form</title>
<style type="text/css">

</style>
</head>
<body>
<h1 align="center">Get Canvased Order Page</h1>
<p align="center">Please fill in all possible fields to make your order more user friendly and manageable for the staff.</p>
<form action="http://secure.getcanvased.co.nz/order/order.php" method="POST" enctype="application/x-www-form-urlencoded" name="Get Canvased Online order form" id="Get Canvased Online order form">
<label>Name:
<input name="Name" type="text" id="Name" title="Name" />
</label>
<p>
<label>Address:
<input name="Address" type="text" id="Address" title="Address" />
</label>
</p>
<p>
<label>Town:
<input name="Town" type="text" id="Town" title="Town" />
</label>
</p>
<p>
<label>Area Code:
<input name="Area Code" type="text" id="Area Code" title="Area Code" />
</label>
</p>
<table width="1116" border="1" cellspacing="0" cellpadding="0">
<tr>
<th width="235" scope="col">Upload Image </th>
<th width="279" scope="col">Description</th>
<th width="179" scope="col">Size</th>
<th width="192" scope="col">Quantity</th>
<th width="219" scope="col">Filter</th>
</tr>
<tr>
<td><label>
<div align="justify">1.
<input name="Image Upload 1." type="file" id="Image Upload One." title="Image Upload 1." />
</div>
</label></td>
<td><label>
<div align="center">Please fill in...
<textarea name="Description 1." cols="" rows="" id="Description 1." title="Description 1." dir="ltr" label="Description 1."></textarea>
</div>
</label></td>
<td><label>
<div align="center">Please Select
<select name="Size 1." id="Size 1." title="Size 1.">
<option>8 x 10</option>
<option>8 x 12</option>
<option>12 x 16</option>
<option>16 x 20</option>
<option>13 x 33</option>
<option>16 x 24</option>
<option>33 x 33</option>
</select>
</div>
</label></td>
<td><div align="justify">
<label>Please Select:
<select name="Quantity 1" id="Quantity 1" title="Quantity 1">
<option value="0" selected="selected">0</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>
</select>
</label>
</div></td>
<td><div align="justify">
<label>
<select name="Filter 1" id="Filter 1" title="Filter 1">
<option value="Black and White">Black and White</option>
<option value="Colour">Colour</option>
</select>
</label>
</div></td>
</tr>
<tr>
<td><label>
<div align="justify">2.
<input name="Image Upload 2" type="file" id="Image Upload 2." title="Image Upload 2." />
</div>
</label></td>
<td><label>
<div align="center">Please fill in...
<textarea name="Description 2." cols="" rows="" id="Description 1." title="Description 1." dir="ltr" label="Description 1."></textarea>
</div>
</label></td>
<td><div align="center">Please Select
<select name="Size 2." id="Size 2." title="Size 2.">
<option>8 x 10</option>
<option>8 x 12</option>
<option>12 x 16</option>
<option>16 x 20</option>
<option>13 x 33</option>
<option>16 x 24</option>
<option>33 x 33</option>
</select>
</div></td>
<td><div align="justify">
<label>Please Select:
<select name="quantity 2" id="quantity 2" title="quantity 2">
<option value="0" selected="selected">0</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>
</select>
</label>
</div></td>
<td><div align="justify">
<select name="Filter 2" id="Filter 2" title="Filter 2">
<option value="Black and White">Black and White</option>
<option value="Colour">Colour</option>
</select>
</div></td>
</tr>
<tr>
<td><label>
<div align="justify">3.
<input name="Image Upload 3" type="file" id="Image Upload 3." title="Image Upload 3." />
</div>
</label></td>
<td><label>
<div align="center">Please fill in...
<textarea name="Description 3." cols="" rows="" id="Description 3." title="Description 3." dir="ltr" label="Description 3."></textarea>
</div>
</label></td>
<td><div align="center">
<div align="center">Please Select
<select name="Size 3." size="1" id="Size 3." title="Size 3.">
<option>8 x 10</option>
<option>8 x 12</option>
<option>12 x 16</option>
<option>16 x 20</option>
<option>13 x 33</option>
<option>16 x 24</option>
<option>33 x 33</option>
</select>
</div>
</div></td>
<td><div align="justify" id="Quantity 3" title="Quantity 3">
<label>Please Select:
<select name="Quantity 3" size="1">
<option value="0" selected="selected">0</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>
</select>
</label>
</div></td>
<td><div align="justify">
<select name="Filter 3" size="1" id="Filter 3" title="Filter 3">
<option value="Black and White">Black and White</option>
<option value="Colour">Colour</option>
</select>
</div></td>
</tr>
<tr>
<td><label>
<div align="justify">4.
<input name="Image Upload 4" type="file" id="Image Upload 4." title="Image Upload 4." />
</div>
</label></td>
<td><label>
<div align="center">Please fill in...
<textarea name="Description 4." cols="" rows="" id="Description 4." title="Description 4." dir="ltr" label="Description 4."></textarea>
</div>
</label></td>
<td><div align="center">
<div align="center">Please Select
<select name="Size 4." size="1" id="Size 4." title="Size 4.">
<option>8 x 10</option>
<option>8 x 12</option>
<option>12 x 16</option>
<option>16 x 20</option>
<option>13 x 33</option>
<option>16 x 24</option>
<option>33 x 33</option>
</select>
</div>
</div></td>
<td><div align="justify" id="Quantity 4" title="Quantity 4">
<label>Please Select:
<select name="Quantity 4" size="1">
<option value="0" selected="selected">0</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>
</select>
</label>
</div></td>
<td><div align="justify">
<select name="Filter 4" size="1" id="Filter 4" title="Filter 4">
<option value="Black and White">Black and White</option>
<option value="Colour">Colour</option>
</select>
</div></td>
</tr>
<tr>
<td><label>
<div align="justify">5.
<input name="Image Upload 5" type="file" id="Image Upload 5." title="Image Upload 5." />
</div>
</label></td>
<td><label>
<div align="center">Please fill in...
<textarea name="Description 5." cols="" rows="" id="Description 5." title="Description 5." dir="ltr" label="Description 5."></textarea>
</div>
</label></td>
<td><div align="center">
<div align="center">Please Select
<select name="Size 5." id="Size 5." title="Size 5.">
<option>8 x 10</option>
<option>8 x 12</option>
<option>12 x 16</option>
<option>16 x 20</option>
<option>13 x 33</option>
<option>16 x 24</option>
<option>33 x 33</option>
</select>
</div>
</div></td>
<td><div align="justify">
<label>Please Select:
<select name="Quantity 5" size="1" id="Quantity 5" title="Quantity 5">
<option value="0" selected="selected">0</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>
</select>
</label>
</div></td>
<td><div align="justify">
<select name="Filter 5" id="Filter 5" title="Filter 5">
<option value="Black and White">Black and White</option>
<option value="Colour">Colour</option>
</select>
</div></td>
</tr>
<tr>
<td><label>
<div align="justify">6.
<input name="Image Upload 6" type="file" id="Image Upload 6." title="Image Upload 6." />
</div>
</label></td>
<td><label>
<div align="center">Please fill in...
<textarea name="Description 6." cols="" rows="" id="Description 6." title="Description 6." dir="ltr" label="Description 6."></textarea>
</div>
</label></td>
<td><div align="center">
<div align="center">Please Select
<select name="Size 6." id="Size 6." title="Size 6.">
<option>8 x 10</option>
<option>8 x 12</option>
<option>12 x 16</option>
<option>16 x 20</option>
<option>13 x 33</option>
<option>16 x 24</option>
<option>33 x 33</option>
</select>
</div>
</div></td>
<td><div align="justify">
<label>Please Select:
<select name="Quantity 6" size="1" id="Quantity 6" title="Quantity 6">
<option value="0" selected="selected">0</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>
</select>
</label>
</div></td>
<td><div align="justify">
<select name="Filter 6" id="Filter 6" title="Filter 6">
<option value="Black and White">Black and White</option>
<option value="Colour">Colour</option>
</select>
</div></td>
</tr>
<tr>
<td><label>
<div align="justify">7.
<input name="Image Upload 7" type="file" id="Image Upload 7" title="Image Upload 7." />
</div>
</label></td>
<td><label>
<div align="center">Please fill in...
<textarea name="Description 7." cols="" rows="" id="Description 7." title="Description 7." dir="ltr" label="Description 7."></textarea>
</div>
</label></td>
<td><div align="center">Please Select
<select name="Size 7." id="Size 7." title="Size 7.">
<option>8 x 10</option>
<option>8 x 12</option>
<option>12 x 16</option>
<option>16 x 20</option>
<option>13 x 33</option>
<option>16 x 24</option>
<option>33 x 33</option>
</select>
</div></td>
<td><div align="justify">
<label>Please Select:
<select name="Quantity 7" size="1" id="Quantity 7" title="Quantity 7">
<option value="0" selected="selected">0</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>
</select>
</label>
</div></td>
<td><div align="justify">
<select name="Filter 7" id="Filter 7" title="Filter 7">
<option value="Black and White">Black and White</option>
<option value="Colour">Colour</option>
</select>
</div></td>
</tr>
<tr>
<td><label>
<div align="justify">8.
<input name="Image Upload 8" type="file" id="Image Upload 8" title="Image Upload 8." />
</div>
</label></td>
<td><label>
<div align="center">Please fill in...
<textarea name="Description 8." cols="" rows="" id="Description 8." title="Description 8." dir="ltr" label="Description 8."></textarea>
</div>
</label></td>
<td><div align="center">
<div align="center">Please Select
<select name="Size 8." id="Size 8." title="Size 8.">
<option>8 x 10</option>
<option>8 x 12</option>
<option>12 x 16</option>
<option>16 x 20</option>
<option>13 x 33</option>
<option>16 x 24</option>
<option>33 x 33</option>
</select>
</div>
</div></td>
<td><div align="justify">
<label>Please Select:
<select name="Quantity 8" size="1" id="Quantity 8" title="Quantity 8">
<option value="0" selected="selected">0</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>
</select>
</label>
</div></td>
<td><div align="justify">
<select name="Filter 8" id="Filter 8" title="Filter 8">
<option value="Black and White">Black and White</option>
<option value="Colour">Colour</option>
</select>
</div></td>
</tr>
</table>
<p>Your order will be received and calculated by a staff member. You will be sent the total fee and the details for payment. </p>
<p>Method of Payment: <span class="style4">(please select one)</span></p>
<p>
<label>
<input name="Payment" type="radio" id="Internet Banking Payment" title="Internet Banking Payment" value="Internet Banking" />
Internet Banking</label>
</p>
<p>
<input name="Payment" type="radio" id="Cheque Payment" title="Cheque Payment" value="Cheque" />
<label for="radiobutton">Cheque</label>
</p>
<p>
<input name="Payment" type="radio" id="Cash Payment" title="Cash Payment" value="Cash" />
<label for="radio">Cash</label>
</p>
<p>
<label for="textfield">Phone Number</label>
<input name="Phone Number" type="text" id="Phone Number" title="Phone Number" />
</p>
<p>
<label for="textfield">Email Address</label>
<input name="Email Address" type="text" id="Email Address" title="Email Address" />
</p>
<p>
<input name="Agreement" type="checkbox" id="I agree to all stated" title="I agree to all stated" value="Agreed" />
<label for="checkbox">I agree with the terms of use, I have also validated that all of the information provided is correct.</label>
</p>
<p>
<input type="submit" name="Submit" value="Submit" />
<input name="Reset" type="reset" id="Submit" value="Reset" />
<label for="Submit"><span class="style4">Caution: This will delete all data entered in the form.</span></label>
</p>
</form>
<p align="left">  </p>
</body>
</html>

================================================== =======

The code in the PHP script that the page leads to is:
<HTML>
<HEAD>
<TITLE>We have succesfully processed your order</TITLE>
</HEAD>
<BODY>
<H2>Thanks for your order! We will get back to you with payment details soon.</H2>

<?PHP
$email = $HTTP_POST_VARS[email];
$mailto = "?????@??????.nz";
$mailsubj = "Order Form";
$mailhead = "From: $email\n";
reset ($HTTP_POST_VARS);
$mailbody = "Values submitted from web site form:\n";
while (list ($key, $val) = each ($HTTP_POST_VARS))
{
$mailbody .= "$key : $val\n";
}
mail($mailto, $mailsubj, $mailbody, $mailhead);
?>
</BODY>
</HTML>

================================================== =============

It is the same one as that which i used with the original Blue-Voda form, and I have changed nothing on it since then.

Thanks for your help,
Daniel
www.dwat.co.nz
www.dwat-worldwide.com
www.getcanvased.co.nz

**abcdme** · 09-06-2006, 04:00 AM

Re: Form Help

My Mistake, the previous code is not the correct code, please use this one, the .php code remains the same.

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Get Canvased Secure Order Form</title>
<style type="text/css">

</style>
</head>
<body>
<h1 align="center">Get Canvased Order Page</h1>
<p align="center">Please fill in all possible fields to make your order more user friendly and manageable for the staff.</p>
<form action="http://secure.getcanvased.co.nz/order/order.php" method="post" enctype="multipart/form-data" name="Get Canvased Orer Form" target="_self" id="Get Canvased Orer Form">
<label>Name:
<input name="Name" type="text" id="Name" title="Name" />
</label>
<p>
<label>Address:
<input name="Address" type="text" id="Address" title="Address" />
</label>
</p>
<p>
<label>Town:
<input name="Town" type="text" id="Town" title="Town" />
</label>
</p>
<p>
<label>Area Code:
<input name="Area Code" type="text" id="Area Code" title="Area Code" />
</label>
</p>
<table width="1116" border="1" cellspacing="0" cellpadding="0">
<tr>
<th width="235" scope="col">Upload Image </th>
<th width="279" scope="col">Description</th>
<th width="179" scope="col">Size</th>
<th width="192" scope="col">Quantity</th>
<th width="219" scope="col">Filter</th>
</tr>
<tr>
<td><label>
<div align="justify">1.
<input name="Image Upload 11." type="file" id="Image Upload One." title="Image Upload 1." />
</div>
</label></td>
<td><label>
<div align="center">Please fill in...
<textarea name="Description 1." cols="" rows="" id="Description 1." title="Description 1." dir="ltr" label="Description 1."></textarea>
</div>
</label></td>
<td><label>
<div align="center">Please Select
<select name="Size 1." id="Size 1." title="Size 1.">
<option>8 x 10</option>
<option>8 x 12</option>
<option>12 x 16</option>
<option>16 x 20</option>
<option>13 x 33</option>
<option>16 x 24</option>
<option>33 x 33</option>
</select>
</div>
</label></td>
<td><div align="justify">
<label>Please Select:
<select name="Quantity 1" id="Quantity 1" title="Quantity 1">
<option value="0" selected="selected">0</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>
</select>
</label>
</div></td>
<td><div align="justify">
<label>
<select name="Filter 1" id="Filter 1" title="Filter 1">
<option value="Black and White">Black and White</option>
<option value="Colour">Colour</option>
</select>
</label>
</div></td>
</tr>
<tr>
<td><label>
<div align="justify">2.
<input name="Image Upload 12" type="file" id="Image Upload 2." title="Image Upload 2." />
</div>
</label></td>
<td><label>
<div align="center">Please fill in...
<textarea name="Description 2." cols="" rows="" id="Description 1." title="Description 1." dir="ltr" label="Description 1."></textarea>
</div>
</label></td>
<td><div align="center">Please Select
<select name="Size 2." id="Size 2." title="Size 2.">
<option>8 x 10</option>
<option>8 x 12</option>
<option>12 x 16</option>
<option>16 x 20</option>
<option>13 x 33</option>
<option>16 x 24</option>
<option>33 x 33</option>
</select>
</div></td>
<td><div align="justify">
<label>Please Select:
<select name="quantity 2" id="quantity 2" title="quantity 2">
<option value="0" selected="selected">0</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>
</select>
</label>
</div></td>
<td><div align="justify">
<select name="Filter 2" id="Filter 2" title="Filter 2">
<option value="Black and White">Black and White</option>
<option value="Colour">Colour</option>
</select>
</div></td>
</tr>
<tr>
<td><label>
<div align="justify">3.
<input name="Image Upload 13" type="file" id="Image Upload 3." title="Image Upload 3." />
</div>
</label></td>
<td><label>
<div align="center">Please fill in...
<textarea name="Description 3." cols="" rows="" id="Description 3." title="Description 3." dir="ltr" label="Description 3."></textarea>
</div>
</label></td>
<td><div align="center">
<div align="center">Please Select
<select name="Size 3." size="1" id="Size 3." title="Size 3.">
<option>8 x 10</option>
<option>8 x 12</option>
<option>12 x 16</option>
<option>16 x 20</option>
<option>13 x 33</option>
<option>16 x 24</option>
<option>33 x 33</option>
</select>
</div>
</div></td>
<td><div align="justify" id="Quantity 3" title="Quantity 3">
<label>Please Select:
<select name="Quantity 3" size="1">
<option value="0" selected="selected">0</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>
</select>
</label>
</div></td>
<td><div align="justify">
<select name="Filter 3" size="1" id="Filter 3" title="Filter 3">
<option value="Black and White">Black and White</option>
<option value="Colour">Colour</option>
</select>
</div></td>
</tr>
<tr>
<td><label>
<div align="justify">4.
<input name="Image Upload 14" type="file" id="Image Upload 4." title="Image Upload 4." />
</div>
</label></td>
<td><label>
<div align="center">Please fill in...
<textarea name="Description 4." cols="" rows="" id="Description 4." title="Description 4." dir="ltr" label="Description 4."></textarea>
</div>
</label></td>
<td><div align="center">
<div align="center">Please Select
<select name="Size 4." size="1" id="Size 4." title="Size 4.">
<option>8 x 10</option>
<option>8 x 12</option>
<option>12 x 16</option>
<option>16 x 20</option>
<option>13 x 33</option>
<option>16 x 24</option>
<option>33 x 33</option>
</select>
</div>
</div></td>
<td><div align="justify" id="Quantity 4" title="Quantity 4">
<label>Please Select:
<select name="Quantity 4" size="1">
<option value="0" selected="selected">0</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>
</select>
</label>
</div></td>
<td><div align="justify">
<select name="Filter 4" size="1" id="Filter 4" title="Filter 4">
<option value="Black and White">Black and White</option>
<option value="Colour">Colour</option>
</select>
</div></td>
</tr>
<tr>
<td><label>
<div align="justify">5.
<input name="Image Upload 15" type="file" id="Image Upload 5." title="Image Upload 5." />
</div>
</label></td>
<td><label>
<div align="center">Please fill in...
<textarea name="Description 5." cols="" rows="" id="Description 5." title="Description 5." dir="ltr" label="Description 5."></textarea>
</div>
</label></td>
<td><div align="center">
<div align="center">Please Select
<select name="Size 5." id="Size 5." title="Size 5.">
<option>8 x 10</option>
<option>8 x 12</option>
<option>12 x 16</option>
<option>16 x 20</option>
<option>13 x 33</option>
<option>16 x 24</option>
<option>33 x 33</option>
</select>
</div>
</div></td>
<td><div align="justify">
<label>Please Select:
<select name="Quantity 5" size="1" id="Quantity 5" title="Quantity 5">
<option value="0" selected="selected">0</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>
</select>
</label>
</div></td>
<td><div align="justify">
<select name="Filter 5" id="Filter 5" title="Filter 5">
<option value="Black and White">Black and White</option>
<option value="Colour">Colour</option>
</select>
</div></td>
</tr>
<tr>
<td><label>
<div align="justify">6.
<input name="Image Upload 16" type="file" id="Image Upload 6." title="Image Upload 6." />
</div>
</label></td>
<td><label>
<div align="center">Please fill in...
<textarea name="Description 6." cols="" rows="" id="Description 6." title="Description 6." dir="ltr" label="Description 6."></textarea>
</div>
</label></td>
<td><div align="center">
<div align="center">Please Select
<select name="Size 6." id="Size 6." title="Size 6.">
<option>8 x 10</option>
<option>8 x 12</option>
<option>12 x 16</option>
<option>16 x 20</option>
<option>13 x 33</option>
<option>16 x 24</option>
<option>33 x 33</option>
</select>
</div>
</div></td>
<td><div align="justify">
<label>Please Select:
<select name="Quantity 6" size="1" id="Quantity 6" title="Quantity 6">
<option value="0" selected="selected">0</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>
</select>
</label>
</div></td>
<td><div align="justify">
<select name="Filter 6" id="Filter 6" title="Filter 6">
<option value="Black and White">Black and White</option>
<option value="Colour">Colour</option>
</select>
</div></td>
</tr>
<tr>
<td><label>
<div align="justify">7.
<input name="Image Upload 17" type="file" id="Image Upload 7" title="Image Upload 7." />
</div>
</label></td>
<td><label>
<div align="center">Please fill in...
<textarea name="Description 7." cols="" rows="" id="Description 7." title="Description 7." dir="ltr" label="Description 7."></textarea>
</div>
</label></td>
<td><div align="center">Please Select
<select name="Size 7." id="Size 7." title="Size 7.">
<option>8 x 10</option>
<option>8 x 12</option>
<option>12 x 16</option>
<option>16 x 20</option>
<option>13 x 33</option>
<option>16 x 24</option>
<option>33 x 33</option>
</select>
</div></td>
<td><div align="justify">
<label>Please Select:
<select name="Quantity 7" size="1" id="Quantity 7" title="Quantity 7">
<option value="0" selected="selected">0</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>
</select>
</label>
</div></td>
<td><div align="justify">
<select name="Filter 7" id="Filter 7" title="Filter 7">
<option value="Black and White">Black and White</option>
<option value="Colour">Colour</option>
</select>
</div></td>
</tr>
<tr>
<td><label>
<div align="justify">8.
<input name="Image Upload 18" type="file" id="Image Upload 8" title="Image Upload 8." maxlength="10000000" />
</div>
</label></td>
<td><label>
<div align="center">Please fill in...
<textarea name="Description 8." cols="" rows="" id="Description 8." title="Description 8." dir="ltr" label="Description 8."></textarea>
</div>
</label></td>
<td><div align="center">
<div align="center">Please Select
<select name="Size 8." id="Size 8." title="Size 8.">
<option>8 x 10</option>
<option>8 x 12</option>
<option>12 x 16</option>
<option>16 x 20</option>
<option>13 x 33</option>
<option>16 x 24</option>
<option>33 x 33</option>
</select>
</div>
</div></td>
<td><div align="justify">
<label>Please Select:
<select name="Quantity 8" size="1" id="Quantity 8" title="Quantity 8">
<option value="0" selected="selected">0</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>
</select>
</label>
</div></td>
<td><div align="justify">
<select name="Filter 8" id="Filter 8" title="Filter 8">
<option value="Black and White">Black and White</option>
<option value="Colour">Colour</option>
</select>
</div></td>
</tr>
</table>
<p>Your order will be received and calculated by a staff member. You will be sent the total fee and the details for payment. </p>
<p>Method of Payment: <span class="style4">(please select one)</span></p>
<p>
<label>
<input name="Payment" type="radio" id="Internet Banking Payment" title="Internet Banking Payment" value="Internet Banking" />
Internet Banking</label>
</p>
<p>
<input name="Payment" type="radio" id="Cheque Payment" title="Cheque Payment" value="Cheque" />
<label for="radiobutton">Cheque</label>
</p>
<p>
<input name="Payment" type="radio" id="Cash Payment" title="Cash Payment" value="Cash" />
<label for="radio">Cash</label>
</p>
<p>
<label for="textfield">Phone Number</label>
<input name="Phone Number" type="text" id="Phone Number" title="Phone Number" />
</p>
<p>
<label for="textfield">Email Address</label>
<input name="Email Address" type="text" id="Email Address" title="Email Address" />
</p>
<p>
<input name="Agreement" type="checkbox" id="I agree to all stated" title="I agree to all stated" value="Agreed" />
<label for="checkbox">I agree with the terms of use, I have also validated that all of the information provided is correct.</label>
</p>
<p>
<input type="submit" name="Submit" value="Submit" />
<input name="Reset" type="reset" id="Submit" value="Reset" />
<label for="Submit"><span class="style4">Caution: This will delete all data entered in the form.</span></label>
</p>
</form>
</body>
</html>

**navaldesign** · 09-06-2006, 06:53 AM

Re: Form Help

No, this script is never going to work, as it is only for text fields. To upload images, you need a different script, which, in youe case, is also a bit more complicated than usual. I will nee some time to prepare you one. You also don't have any validation here, or lenght checking or Refferer checking or session, to prevent your script from being abused by hackers for spam submission. Stand by.

**abcdme** · 09-06-2006, 10:42 AM

Re: Form Help

Thank you very much for your help : )
I await any sort of reply over the next few days.

**navaldesign** · 09-07-2006, 08:47 AM

Re: Form Help

Hi, hereafter find your script. It uses loops to treat the repeated similar fields, otherwise it would be a very long script. Also. it uses user defined formatting for the message. But you need to make some modifications in your form. Ok, let's start with the script:

<?php

// ---- Customized Multiupload script---------------------

// Receiving variables -----------------------------------
@$Name = addslashes($_POST['Name']);
@$Address = addslashes($_POST['Address']);
@$Town = addslashes($_POST['Town']);
@$Area_Code = addslashes($_POST['Area_Code']);
@$Payment = addslashes($_POST['Payment']);
@$Phone_Number = addslashes($_POST['Phone_Number']);
@$Email_Address = addslashes($_POST['Email_Address']);
@$Agreement = addslashes($_POST['Agreement']);
@$size = addslashes($_POST['size']);
$size1 = $size/1000;
//-------Loop for Image relevant variables----------------
for ($i = 1; $i <= 8; $i++)
{
$Image_Upload = "Image_Upload_$i";
@$Image_Upload_Size[$i]= $_FILES[$Image_Upload]['size'];
@$Image_Upload_Name[$i]= $_FILES[$Image_Upload]['name'];
@$Image_Upload_Temp[$i]= $_FILES[$Image_Upload]['tmp_name'];
@$Description[$i]= addslashes($_POST['Description_'.$i]);
@$Size[$i] = addslashes($_POST['Size_'.$i]);
@$Quantity[$i] = addslashes($_POST['Quantity_'.$i]);
@$Filter[$i] = addslashes($_POST['Filter_'.$i]);
}
function RecursiveMkdir($path)
{
if (!file_exists($path))
{
RecursiveMkdir(dirname($path));
mkdir($path, 0777);
}
}

// Validation for required field and email and error message creation ----

if (strlen($Name) == 0 )
{
$error .= "The name is missing !\n";
}
if (strlen($Address) == 0 )
{
$error .= "The address is missing !\n";
}
if (strlen($Town) == 0 )
{
$error .= "The Town is missing !\n";
}
if (strlen($Area_Code) == 0 )
{
$error .= "The Area Code is missing !\n";
}
if (strlen($Payment) == 0 )
{
$error .= "The Payment Method is missing !\n";
}
if (strlen($Phone_Number) == 0 )
{
$error .= "The Phone Number is missing !\n";
}
if (strlen($Agreement) == 0 )
{
$error .= "You did not agree with the terms of service !\n";
}
if (! ereg('[A-Za-z0-9_-]+\@[A-Za-z0-9_-]+\.[A-Za-z0-9_-]+', $Email_Address))
{
$error .= "The Email seems incorrect !\n";
}
if (strlen($Email_Address) == 0 )
{
$error .= "The Email is missing !\n";
}
for ($i = 1; $i <= 8; $i++)
{
if ($Image_Upload_Size[$i] > $size)
{
$error .= "Size of Image $i is bigger than allowed ($size1 Kb). Please resize it !\n";
}
}
if ($error != "") // Check if there are errors, if yes, load the Error screen

{
//------Include error screen template--------------
?>
<HTML>
<HEAD>
<STYLE type="text/css">
div#container
{
width: 800px;
position: relative;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
body
{
text-align: center;
margin: 0;
}
</STYLE>
</HEAD>
<BODY bgcolor="#FFFFFF" text="#000000">
<DIV id="container">
<DIV style="position:absolute;left:42px;top:3px;width:7 30px;height:99px;z-index:0" align="left">
<IMG src="background.gif" align="top" alt="" border="0" width="730" height="99">
</DIV>
<DIV style="position:absolute;left:359px;top:24px;width :150px;height:55px;z-index:1" align="left">
<FONT style="font-size:48px" color="#FFFFFF" face="Arial">Error!</FONT>
</DIV>
<TEXTAREA name="Error window" style="position:absolute;left:143px;top:146px;widt h:551px;height:343px;z-index:2" rows=25 cols=66><?php echo $error; ?></TEXTAREA>
<DIV style="position:absolute;left:275px;top:115px;widt h:313px;height:22px;z-index:3" align="left">
<FONT style="font-size:19px" color="#FF0000" face="Arial">The following Errors have occured !</FONT>
</DIV>
<DIV style="position:absolute;left:42px;top:519px;width :730px;height:99px;z-index:4" align="left">
<IMG src="background.gif" align="top" alt="" border="0" width="730" height="99">
</DIV>
<DIV style="position:absolute;left:76px;top:555px;width :467px;height:22px;z-index:5" align="center">
<FONT style="font-size:19px" color="#FFFFFF" face="Arial">Please use the "Back" button  and correct the error.</FONT>
</DIV>
<DIV style="position:absolute;left:586px;top:548px;widt h:150px;height:41px;z-index:6" align="center">
<BUTTON type="button" onClick="history.go(-1)" style="width:150px;height:41px"><P><FONT style="font-size:13px" color="#000000" face="Arial">Back to the form</FONT></P></BUTTON>
</DIV>
</DIV>
</BODY>
</HTML>
<?php
}
else
{
//---Upload the files if they exist---------------------------------
for ($i = 1; $i <= 8; $i++)
{

if ($Image_Upload_Size[$i] < $size and $Image_Upload_Size[$i] >0)
{
$uploadFile = "uploads/".$Image_Upload_Name[$i];
if (!is_dir(dirname($uploadFile)))
{
@RecursiveMkdir(dirname($uploadFile));
}
else
{
@chmod(dirname($uploadFile), 0777);
}
@move_uploaded_file( $Image_Upload_Temp[$i] , $uploadFile);
chmod($uploadFile, 0644);
$Image_URL[$i] = "http://secure.getcanvased.co.nz/order/order.php/uploads/".$Image_Upload_Name[$i];
}
}
//---------------------------------------------------------------
// Find Server date and Time
$date = date("l jS F Y, g:i A");

// --------Find Browser and IPaddress----------------------------
$browser =$_SERVER['HTTP_USER_AGENT'];
$ip = $_SERVER['REMOTE_ADDR'];

//---------Sending Email to form owner ---------------------------
$nd_header = "From: $Email_Address\n"
. "Reply-To: $Email_Address\n";
$nd_subject = "New submission from Order Page";
$nd_email_to = "????????@????????.nz";
$nd_message = "New order:\n"
. "-------------------------------------------\n"
. "Name : $Name\n"
. "Address : $Address\n"
. "Town : $Town\n"
. "Area_Code : $Area_Code\n"
. "Email Address: $Email_Address\n"
. "Phone Number : $Phone_Number\n"
. "Agreement : $Agreement\n"
. "-------------------------------------------\n"
. "Payment: $Payment\n"
. "-------------------------------------------\n";
for ($i = 1; $i <= 8; $i++)
{
if (@$Image_Upload_Size[$i] >0)
{
$nd_message .= "Link to image $i : $Image_URL[$i] \n"
. "Description of Image $i: $Description[$i] \n"
. "Size for Image $i : $Size[$i] \n"
. "Quantity for Image $i : $Quantity[$i] \n"
. "Filter for Image $i : $Filter[$i] \n"
. "-------------------------------------------\n";
}
}
$nd_message .= "Date of Submission : $date\n"
. "Browser : $browser\n"
. "IP address : $ip\n"
. "-------------------------------------------\n"
. "If the links are broken, please copy \n"
. "and paste in your browser's address bar \n"
. "-------------------------------------------\n";
*****($nd_email_to, $nd_subject ,$nd_message ,$nd_header ) ;
header("Location: thankyou_page.html");
}

?>

The steps to follow are:

1. Change your form "Image Upload" fields. At the moment, they are caled "Image Upload 11", "Image Upload 12", ......... "Image Upload 18"
Change them in "Image Upload 1", "Image Upload 2", .... "Image Upload 8"
You must do that in order to have the same uniform numbering as the Quantity, Description, Size, and Filter fields so they can be treated by the loops without changing the loop numbering.

2. Some of your fields, have a dot "." at the end. F.e. your "Image Upload 11." . Take off ALL dots, from ALL fields. Go through it very carefully, there are many that have the dot at the end. The dot causes problems with my php coding.
3. Add a HIDDEN field, named "size" . This field will be useful for you to be able to change, if required in the future, the maximum uploaded file size. Make it's value equal to the max file size you want, f.e. if you want your files to be max 500 Kb, the value should be 500000
4. I'm sending you one gif. It is required for the html code used in the error page. It's called "background.gif" . It is simply a 730 x 99 pixel blue rectangle. Please upload it in the same directory as the script and the form. If you want, however, you can create your own template for the error screen, and put it in place of the one i have created for you, in the script. If you need to do that, let me know and i will send you instructions on how to create it.
5. At the bottom of the script, you will see that the script, at the end, redirects to a "thankyou_page.html". This is a simple html page, that you must create and upload, in the same directory. Make it as in the example in the bottom of the page.
6. Copy the code, and paste it in Notepad. After changing your details, (the parts in blue color) Go to File, Save As, select File Type "All files" and save it as order.php . Upload "order.php" on your site, in the same folder as the form.
7. Create in the same directory, a folder called "uploads" and set it's permissions to 777. It must be called excactly that, "uploads" all lowercase characters.
8. You can personalize the error messages in this script (parts in red), with whatever you want.

Please follow these steps EXCACTLY as described or your script could not work.

Feel free to try the form and the script here. Just leave some of the required fields empty to see the error screen, and then fill it in correctly to see how it redirects the visitor to the thankyou page.

If you need any help just let me know.

**navaldesign** · 09-07-2006, 10:32 AM

Re: Form Help

Moved to the Forms Forum

**abcdme** · 09-08-2006, 04:36 AM

Re: Form Help

Hi Naval Design, thank you so much! I will sork on it immediately, and let you know when the final product has been made : )

Thanks again,
Daniel

**abcdme** · 09-08-2006, 07:40 AM

Re: Form Help

Hi, it all seems to work apart from one thing. All of the data which does not require checking eg. the image and the details of the image (quantity etc.) are not coming through, have i done something wrong again?

thanks :)

**navaldesign** · 09-08-2006, 07:46 AM

Re: Form Help

It should work, as it works for me. Hold, checking your form

**navaldesign** · 09-08-2006, 07:49 AM

Re: Form Help

Change the encoding in "multipart / form data"

**navaldesign** · 09-08-2006, 07:52 AM

Re: Form Help

Seems like you've missed Step 3. I don't see anywhere in your page code the hidden field "size" with it's value set to be the max file size allowed. If there is no size, the script will asume it 0 (zero) and will not upload any file, and, ofcourse, it will not send any of the other details (Description, quantity, size, filter)

**abcdme** · 09-08-2006, 11:04 PM

Re: Form Help

Hi Naval design,

Thank you so so much! it is great now : ) I really owe you! It is so good now. THat image that you sent me i could not find, however I have made it black as black is part of the theme of the site.

Have a good day!

Daniel

**navaldesign** · 09-09-2006, 07:14 AM

Re: Form Help

You are very welcome.

Form Help

Form Help

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment