In this part we will display the html form only, more details on this is available in basic feedback form. Read how it is connected to external JavaScript code
<script language="javascript" src="contactus-ajax-code.js"></script>
You can also check how the form is submitted. Note that the Ajax function is kept inside the above JavaScript code file.
echo "<form method=post onsubmit="ajaxFunction(this.form); return false" id='myForm' >
Balance code is simple html form where data is posted through Ajax.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Feedback form plus2net</title>
<META NAME="DESCRIPTION" CONTENT="Contact Us plus2net.com">
<META NAME="KEYWORDS" CONTENT=" ">
<link rel="stylesheet" href="style.css" type="text/css">
<script language="javascript" src="contactus-ajax-code.js"></script>
</head>
<body >
<?php
echo "<div id='body_content'><table><tr><td>
";
echo "<div id="display-msg"><b></b></div>";
echo "<form method=post onsubmit="ajaxFunction(this.form); return false" id='myForm' >
<input type=hidden id='feedback' value='post_feedback'>";
echo "<table>
<r><th colspan=4>Feedback Form</td></tr>
<tr><td>First Name</td><td><input type=text id=n1>*</td>
<td>Last Name</td><td><input type=text id=n2></td></tr>
<tr bgcolor='#f1f1f1'><td>Email</td><td><input type=text id=email></td>
<td>Telephone</td><td><input type=text id=phone></td></tr>
<tr ><td>Address 1</td><td><input type=text id=add1></td><td>Address 2</td>
<td><input type=text id=add2></td></tr>
<tr bgcolor='#f1f1f1'><td>City </td><td><input type=text id=city></td>
<td>State</td><td><input type=text id=state></td></tr>
<tr ><td>Country</td><td>
<select id="country"><OPTION VALUE=Afghanistan>Afghanistan <OPTION
VALUE=Albania>Albania <OPTION VALUE=Algeria>Algeria <OPTION
VALUE=Andorra>Andorra <OPTION VALUE=Angola>Angola <OPTION VALUE="Antigua
and Barbuda">Antigua and Barbuda <OPTION VALUE=Argentina>Argentina <OPTION
VALUE=Armenia>Armenia <OPTION VALUE=Australia>Australia <OPTION
VALUE=Austria>Austria <OPTION VALUE=Azerbaijan>Azerbaijan <OPTION
VALUE=Bahamas>Bahamas <OPTION VALUE=Bahrain>Bahrain <OPTION
VALUE=Bangladesh>Bangladesh <OPTION VALUE=Barbados>Barbados <OPTION
VALUE=Belarus>Belarus <OPTION VALUE=Belgium>Belgium <OPTION
VALUE=Belize>Belize <OPTION VALUE=Benin>Benin <OPTION
VALUE=Bermuda>Bermuda <OPTION VALUE=Bhutan>Bhutan <OPTION
VALUE=Bolivia>Bolivia <OPTION VALUE="Bosnia Herzegovina">Bosnia Herzegovina
<OPTION VALUE=Botswana>Botswana <OPTION VALUE=Brazil>Brazil <OPTION
VALUE=Britain>Britain <OPTION VALUE="Brunei Darussalam">Brunei Darussalam
<OPTION VALUE=Bulgaria>Bulgaria <OPTION VALUE="Burkina Faso">Burkina Faso
<OPTION VALUE=Burundi>Burundi <OPTION VALUE=Cambodia>Cambodia <OPTION
VALUE=Cameroon>Cameroon <OPTION VALUE=Canada>Canada <OPTION VALUE="Cape
Verde">Cape Verde <OPTION VALUE="Central African Republic">Central African
Republic <OPTION VALUE=Chad>Chad <OPTION VALUE=Chile>Chile <OPTION
VALUE=China>China <OPTION VALUE=Colombia>Colombia <OPTION VALUE="Comores
Islands">Comores Islands <OPTION VALUE=Congo>Congo <OPTION VALUE="Costa
Rica">Costa Rica <OPTION VALUE=Croatia>Croatia <OPTION VALUE=Cuba>Cuba
<OPTION VALUE=Cyprus>Cyprus <OPTION VALUE=Czech>Czech <OPTION
VALUE="Democratic Rep. of Congo">Democratic Rep. of Congo <OPTION
VALUE=Denmark>Denmark<OPTION VALUE=Djibouti>Djibouti <OPTION
VALUE="Dominican Republic">Dominican Republic <OPTION VALUE=Ecuador>Ecuador
<OPTION VALUE=Egypt>Egypt <OPTION VALUE="El Salvador">El Salvador <OPTION
VALUE="Equatorial Guinea">Equatorial Guinea <OPTION VALUE=Eritrea>Eritrea
<OPTION VALUE=Estonia>Estonia <OPTION VALUE=Ethiopia>Ethiopia <OPTION
VALUE=Fiji>Fiji <OPTION VALUE=Finland>Finland <OPTION VALUE=France>France
<OPTION VALUE=Gabon>Gabon <OPTION VALUE=Gambia>Gambia <OPTION
VALUE=Georgia>Georgia <OPTION VALUE=Germany>Germany <OPTION
VALUE=Ghana>Ghana <OPTION VALUE=Greece>Greece <OPTION VALUE=Grenada>Grenada
<OPTION VALUE=Guatemala>Guatemala <OPTION VALUE=Guinea>Guinea <OPTION
VALUE="Guinea Bissau">Guinea Bissau <OPTION VALUE=Guyana>Guyana <OPTION
VALUE=Haiti>Haiti <OPTION VALUE=Honduras>Honduras <OPTION VALUE="Hong Kong
BNO">Hong Kong BNO <OPTION VALUE="Hong Kong SAR">Hong Kong SAR <OPTION
VALUE="Hong Kong CI">Hong Kong CI <OPTION VALUE=Hungary>Hungary <OPTION
VALUE=Iceland>Iceland <OPTION VALUE=India>India <OPTION
VALUE=Indonesia>Indonesia <OPTION VALUE=Iran>Iran <OPTION VALUE=Iraq>Iraq
<OPTION VALUE=Ireland>Ireland <OPTION VALUE=Israel>Israel <OPTION
VALUE=Italy>Italy <OPTION VALUE="Ivory Coast">Ivory Coast <OPTION
VALUE=Jamaica>Jamaica <OPTION VALUE=Japan>Japan <OPTION
VALUE=Jordan>Jordan <OPTION VALUE=Kazakstan>Kazakstan <OPTION
VALUE=Kenya>Kenya <OPTION VALUE=Kiribati>Kiribati <OPTION VALUE=Korea>Korea
<OPTION VALUE=Kuwait>Kuwait <OPTION VALUE=Kyrgyzstan>Kyrgyzstan <OPTION
VALUE=Laos>Laos <OPTION VALUE=Latvia>Latvia <OPTION VALUE=Lebanon>Lebanon
<OPTION VALUE=Lesotho>Lesotho <OPTION VALUE=Liberia>Liberia <OPTION
VALUE=Libya>Libya <OPTION VALUE=Liechtenstein>Liechtenstein <OPTION
VALUE=Lithuania>Lithuania <OPTION VALUE=Luxembourg>Luxembourg <OPTION
VALUE=Macedonia>Macedonia <OPTION VALUE=Madagascar>Madagascar <OPTION
VALUE=Malawi>Malawi <OPTION VALUE=Malaysia>Malaysia
<OPTION VALUE=Maldives>Maldives <OPTION VALUE=Mali>Mali <OPTION
VALUE=Malta>Malta <OPTION VALUE=Mauritania>Mauritania <OPTION
VALUE=Mauritius>Mauritius <OPTION VALUE=Mexico>Mexico <OPTION
VALUE=Moldova>Moldova <OPTION VALUE=Mongolia>Mongolia <OPTION
VALUE=Morocco>Morocco <OPTION VALUE=Mozambique>Mozambique <OPTION
VALUE=Myanmar>Myanmar <OPTION VALUE=Namibia>Namibia <OPTION
VALUE=Nauru>Nauru <OPTION VALUE=Nepal>Nepal <OPTION
VALUE=Netherlands>Netherlands <OPTION VALUE="New Zealand">New Zealand
<OPTION VALUE=Nicaragua>Nicaragua <OPTION VALUE=Niger>Niger <OPTION
VALUE=Nigeria>Nigeria <OPTION VALUE=Norway>Norway <OPTION VALUE=Oman>Oman
<OPTION VALUE=Pakistan>Pakistan <OPTION VALUE=Panama>Panama <OPTION
VALUE="Papua New Guinea">Papua New Guinea <OPTION VALUE=Paraguay>Paraguay
<OPTION VALUE=Peru>Peru <OPTION VALUE=Philippines>Philippines <OPTION
VALUE=Poland>Poland <OPTION VALUE=Portugal>Portugal <OPTION
VALUE=Qatar>Qatar <OPTION VALUE=Romania>Romania <OPTION VALUE=Russia>Russia
<OPTION VALUE=Rwanda>Rwanda <OPTION VALUE=Samoa>Samoa <OPTION VALUE="San
Marino">San Marino <OPTION VALUE="Saudi Arabia">Saudi Arabia <OPTION
VALUE=Senegal>Senegal <OPTION VALUE=Serbia>Serbia<OPTION VALUE=Seychelles>Seychelles <OPTION
VALUE="Sierra Leone">Sierra Leone <OPTION VALUE=Singapore>Singapore <OPTION
VALUE=Slovakia>Slovakia <OPTION VALUE=Slovenia>Slovenia <OPTION
VALUE="Solomon Isl.">Solomon Isl. <OPTION VALUE=Somalia>Somalia <OPTION
VALUE="South Africa">South Africa <OPTION VALUE=Spain>Spain <OPTION
VALUE="Sri Lanka">Sri Lanka <OPTION VALUE="St. Lucia">St. Lucia <OPTION
VALUE="St. Vince & the Grenadines">St. Vince & the Grenadines <OPTION
VALUE=Sudan>Sudan <OPTION VALUE=Suriname>Suriname <OPTION
VALUE=Swaziland>Swaziland <OPTION VALUE=Sweden>Sweden <OPTION
VALUE=Switzerland>Switzerland <OPTION VALUE=Syria>Syria <OPTION
VALUE=Taiwan>Taiwan <OPTION VALUE=Tajikistan>Tajikistan <OPTION
VALUE=Tanzania>Tanzania <OPTION VALUE=Thailand>Thailand <OPTION
VALUE=Togo>Togo <OPTION VALUE=Tonga>Tonga <OPTION VALUE="Trinidad and
Tobago">Trinidad and Tobago <OPTION VALUE=Tunisia>Tunisia <OPTION
VALUE=Turkey>Turkey <OPTION VALUE=Turkmenistan>Turkmenistan <OPTION
VALUE=Tuvalu>Tuvalu <OPTION VALUE=Uganda>Uganda <OPTION
VALUE=Ukraine>Ukraine <OPTION VALUE="United Arab Emirates">United Arab
Emirates <OPTION VALUE=Uruguay>Uruguay <OPTION VALUE=USA selected>USA <OPTION
VALUE=Uzbekistan>Uzbekistan <OPTION VALUE=Vanuatu>Vanuatu <OPTION
VALUE=Venezuela>Venezuela <OPTION VALUE=Vietnam>Vietnam <OPTION
VALUE="Yemen Republic">Yemen Republic <OPTION VALUE=Zambia>Zambia
<OPTION VALUE=Zimbabwe>Zimbabwe</select>
</td><td>Zip / Pin</td><td><input type=text id=zip></td></tr>
<tr bgcolor='#f1f1f1'><td colspan =3>To prevent Spam posting, enter the sum of 1+2= </td>
<td><input type=text id=sum>*</td></tr>
<tr ><td colspan=4><textarea id='dtl' rows='8' cols='90'></textarea></td></tr>
<tr ><td></td><td></td><td><input type=submit value=Submit></td><td> </td></tr>
</table>";
echo "</td></tr></table></form></div> ";
?>
</body>
</html>
Basic of Feedback from
Part 2 HTML part of Feedback from
Part 3 JavaScript code of Ajax Feedback from
part 4 PHP script of Feedback from