Create Account
Sign In

Signature Maker (for forums) onlineUserbar Generator (for forums)Survey ServiceStylish Text GeneratorAvatar Generator for forums (Personal Image)Virtual Card GeneratorDiagonal Ribbon GeneratorAnimated Banners MakerHtpasswd File GeneratorWeb 2.0 Title Generator (Logo)
You are here: Webestools > Forum > Web Sites > PHP/MYSQL > NEED HELP!

NEED HELP!

To create and answer topics, you must to be logged.
Pages: 1
Author Message
mascocrazyz
22/04/2014 at 11:20:52
mascocrazyz
Member
 Hi developers,

I need somebody help me. I want:

1. If i choose 'Yes' (under Is Accommodation Required?), the form below will be appear. Before i choose, the form hide. (refer source code below). How can i implement it?

2. If i tick 'Add Hotel List' button (refer source code below), the same form will be appear & user can insert more than 1 accommodation (based on category flight). How can i implement it?

NOTE : U can view live version @ http://www.travelbiz.com.my/TravelRequestForm/index.php

FULL SOURCE CODE

<?php
$emailSubject = 'Travel Request Form';
$webMaster = 'wan.syahid@travelbiz.com.my';

$fullname1Field = $_POST['fullname1'];
$emailField = $_POST['email'];
$phoneField = $_POST['phone'];
$fullname2Field = $_POST['fullname2'];
$passportNoField = $_POST['passportNo'];
$icNoField = $_POST['icNo'];
$TravelTypeField = $_POST['TravelType'];
$ChooseFlightField = $_POST['ChooseFlight'];

$dateFlightField = $_POST['dateFlight'];
$deptCityField = $_POST['deptCity'];
$destinationField = $_POST['destination'];
$preferredTimeField = $_POST['preferredTime'];
$ClassBizField = $_POST['ClassBiz'];
$AddFlightInfoField = $_POST['AddFlightInfo'];

$AccomRequiredField = $_POST['AccomRequired'];
$hotelNameField = $_POST['hotelName'];
$CityField = $_POST['City'];
$CheckInField = $_POST['CheckIn'];
$CheckOutField = $_POST['CheckOut'];
$RoomTypeField = $_POST['RoomType'];
$AddAccomInfoField = $_POST['AddAccomInfo'];

$body = <<<EOD
<hr>
<h1>TRAVEL REQUEST FORM DETAILS</h1>
<b>Travel Booker Details</b><br>
FullName: $fullname1Field <br>
Email: $emailField <br>
Phone: $phoneField <br><br>

<b>Traveller Details</b><br>
FullName: $fullname2Field <br>
Passport No: $passportNoField <br>
IC No: $icNoField <br><br>

<b>Travel Details</b><br>
Travel Type: $TravelTypeField <br>
Flight Category: $ChooseFlightField <br>
Date Flight: $dateFlightField <br>
Departure City: $deptCityField <br>
Destination: $destinationField <br>
Preferred Time: $preferredTimeField <br>
Class of Business: $ClassBizField <br>
Additional Info We Should Know?: $AddFlightInfoField <br><br>

Is Accommodation Required?: $AccomRequiredField <br>
Hotel Name: $hotelNameField <br>
City: $CityField <br>
Check In: $CheckInField <br>
Check Out: $CheckOutField <br>
Room Type: $RoomTypeField <br>
Additional Info We Should Know?: $AddAccomInfoField <br><br>

EOD;
$headers = "From: $email\r\n";
$headers .= "Content-type: text/html\r\n";
$success = mail($webMaster, $emailSubject, $body, $headers);

$theResults = <<<EOD

EOD;
echo "$theResults";
?>
<style type="text/css">
<!--
.style1 {color: #FF0000}
-->
</style>

<!-- Creation Date: <?=Date("d/m/Y")?> -->
<script language="javascript" type="text/javascript" src="datetimepicker.js">

//Date Time Picker script- by TengYong Ng of http://www.rainforestnet.com
//Script featured on JavaScript Kit (http://www.javascriptkit.com)
//For this script, visit http://www.javascriptkit.com

</script>

<script language="javascript">
function chkForm(){
if (document.webform.fullname1.value==''){
alert('Name is Required. Thank You');
return false;
document.webform.fullname1.focus();

}else if(document.webform.fullname2.value==''){
alert('Name is Required. Thank You');
return false;
document.webform.fullname2.focus();

}
else if(document.webform.email.value==''){
alert('Email is Required. Thank You');
return false;
document.webform.email.focus();

else if ((document.webform.email.value != '') && (!(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(document.webform.email.value)))){
alert('Invalid Email Address.');
return false;
document.webform.email.focus();
}

else{
return true;
}
}
</script>

Travel Request Form : TravelBiz &amp; Tours Sdn Bhd

<form id="form1" name="webform" method="post" onsubmit="return chkForm()" action="index.php" enctype="multipart/form-data">
<table width="95%" border="0" align="center" cellpadding="6" cellspacing="2" onfocus="MM_validateForm();return document.MM_returnValue">


<tr>
<td width="26%" align="right"><span class="wrapper"></span></td>
<td width="28%" align="left"><h3><span class="wrapper"><a href="index.html"><img src="img/travelbiz.png" width="267" height="37" border="0"></a></span></h3></td>
<td colspan="2" align="left"><h3>TravelBiz & Tours Sdn Bhd</h3></td>
</tr>
<tr>
<td align="right">&nbsp;</td>
<td align="left">&nbsp;</td>
<td width="15%" align="left">&nbsp;</td>
<td width="31%" align="left">&nbsp;</td>
</tr>
<tr>
<td align="right">&nbsp;</td>
<td align="left"><span class="style1">TRAVEL BOOKER DETAILS</span></td>
<td align="left">&nbsp;</td>
<td align="left"><span class="style1">TRAVELLER DETAILS</span></td>
</tr>
<tr>
<td align="right"><label for="fullname1">Full Name</label></td>
<td align="left"><input name="fullname1" type="text" id="fullname1" size="45" maxlength="30" />
<span class="style1">*</span></td>
<td align="left"><div align="right">
<label for="fullname2">Full Name</label>
</div></td>
<td align="left"><input name="fullname2" type="text" id="mobile" size="45" maxlength="30" />
<span class="style1">*</span></td>
</tr>

<tr>
<td align="right"><label for="email">Email Address </label></td>
<td align="left"><input name="email" type="text" id="email" size="45" maxlength="50" />
<span class="style1">*</span></td>
<td align="left"><div align="right">
<label for="matterNo">Passport No</label>
</div></td>
<td align="left"><input name="passportNo" type="text" id="passportNo" size="45" maxlength="30" /></td>
</tr>



<tr>
<td align="right"><label for="phone">Phone</label></td>
<td align="left"><input name="phone" type="text" id="phone" size="45" maxlength="12" /></td>
<td align="left"><div align="right">
<label for="matterNo">IC No</label>
</div></td>
<td align="left"><input name="icNo" type="text" id="icNo" size="45" maxlength="30" /></td>
</tr>

<tr>
<td align="right">&nbsp;</td>
<td align="left">&nbsp;</td>
<td align="left">&nbsp;</td>
<td align="left">&nbsp;</td>
</tr>

<tr>
<td align="right">&nbsp;</td>
<td align="left"><span class="style1">TRAVEL DETAILS</span></td>
<td align="left">&nbsp;</td>
<td align="left">&nbsp;</td>
</tr>

<tr>
<td align="right">Travel Type</td>
<td align="left">
<select name="TravelType" id="TravelType">
<option>Please Choose:</option>
<option>Domestic</option>
<option>International</option>
</select>
</td>
<td align="left">&nbsp;</td>
<td align="left">&nbsp;</td>
</tr>

<tr>
<td align="right">Category Flight </td>
<td align="left">
<label>
<input type="radio" name="ChooseFlight" value="Roundtrip" checked>
Roundtrip</label>
<label>
<input type="radio" name="ChooseFlight" value="Oneway">
Oneway</label>
<label>
<input type="radio" name="ChooseFlight" value="Multi-City">
Multi-City</label>
<br>
</td>
<td align="left">&nbsp;</td>
<td align="left">&nbsp;</td>
</tr>
<tr>
<td align="right">&nbsp;</td>
<td align="left">&nbsp;</td>
<td align="left">&nbsp;</td>
<td align="left">&nbsp;</td>
</tr>
<tr>
<td align="right">&nbsp;</td>
<td align="left">DEPARTURE/ARRIVAL</td>
<td align="left">&nbsp;</td>
<td align="left">&nbsp;</td>
</tr>

<tr>
<td align="right"><label for="dateFlight">Date</label></td>
<td align="left"><input name="dateFlight" type="text" id="dateFlight" size="45" maxlength="30" />
<font class="T1"><a href="javascript:NewCal('dateFlight','ddmmmyyyy',false,24)"><img src="img/cal.gif" width="16" height="16" border="0" alt="Pick a date"></a></FONT> </td>
<td align="left"><div align="right">
<label for="destination">From</label>
</div></td>
<td align="left"><input name="destination" type="text" id="destination" size="45" maxlength="30" /></td>
</tr>

<tr>
<td align="right">To</td>
<td align="left"><input name="deptCity" type="text" id="deptCity" size="45" maxlength="30" /></td>
<td align="left"><div align="right">
<label for="preferredTime">Preferred Time</label>
</div></td>
<td align="left"><input name="preferredTime" type="text" id="preferredTime" size="45" maxlength="30" /></td>
</tr>

<tr>
<td align="right"><label for="AddFlightInfo">Additional Information We Should Know?</label></td>
<td align="left"><textarea name="AddFlightInfo" id="AddFlightInfo" cols="35" rows="6"></textarea></td>
<td align="left"><div align="right">
<label for="ClassBiz">The Class of Business</label>
</div></td>
<td align="left"><select name="ClassBiz" id="ClassBiz">
<option>Please Choose:</option>
<option>Economy</option>
<option>Premium Economy</option>
<option>Business</option>
</select></td>
</tr>
<tr>
<td align="right">&nbsp;</td>
<td align="left">&nbsp;</td>
<td align="left">&nbsp;</td>
<td align="left">&nbsp;</td>
</tr>

<tr>
<td align="right"><label for="AccomRequired">Is Accommodation Required?</label></td>
<td align="left"><select name="AccomRequired" id="AccomRequired">
<option>Please Choose:</option>
<option>Yes</option>
<option>No</option>
</select></td>
<td align="left">&nbsp;</td>
<td align="left">&nbsp;</td>
</tr>

<tr>
<td align="right">If choose '<span class="style1">YES</span>', please fill info below:</td>
<td align="left">&nbsp;</td>
<td align="left">&nbsp;</td>
<td align="left">&nbsp;</td>
</tr>
<tr>
<td align="right">Hotel Name</td>
<td align="left"><input name="hotelName" type="text" id="hotelName" size="45" maxlength="30" /></td>
<td align="left">Check In</td>
<td align="left"><input name="CheckIn" type="text" id="CheckIn" size="45" maxlength="30" />
<font class="T1"><a href="javascript:NewCal('CheckIn','ddmmmyyyy',false,24)"><img src="img/cal.gif" width="16" height="16" border="0" alt="Pick a date"></a></FONT></td>
</tr>
<tr>
<td align="right">City</td>
<td align="left"><input name="City" type="text" id="City" size="45" maxlength="30" /></td>
<td align="left">Check Out</td>
<td align="left"><input name="CheckOut" type="text" id="CheckOut" size="45" maxlength="30" />
<font class="T1"><a href="javascript:NewCal('CheckOut','ddmmmyyyy',false,24)"><img src="img/cal.gif" width="16" height="16" border="0" alt="Pick a date"></a></FONT></td>
</tr>
<tr>
<td align="right">Additional Information We Should Know?</td>
<td align="left"><textarea name="AddAccomInfo" id="AddAccomInfo" cols="35" rows="6"></textarea></td>
<td align="left">Room Type</td>
<td align="left"><input name="RoomType" type="text" id="RoomType" size="45" maxlength="30" /></td>
</tr>
<tr>
<td align="right">&nbsp;</td>
<td align="left"><input type="submit" name="Submit" value="Add Hotel List"></td>
<td align="left">&nbsp;</td>
<td align="left">&nbsp;</td>
</tr>
<tr>
<td align="right">&nbsp;</td>
<td align="left">&nbsp;</td>
<td align="left">&nbsp;</td>
<td align="left">&nbsp;</td>
</tr>

<tr>
<td align="right"> </td>
<td align="left"><label for="submit"></label>
<input type="hidden" name="page" value="item">
<input name="submit" type="submit" id="submit" onclick="MM_validateForm();return document.MM_returnValue" value="Submit" />
<input type="reset" name="Reset" value="Reset"></td>
<td align="left">&nbsp;</td>
<td align="left">&nbsp;</td>
</tr>
</table>
</form>
Pages: 1