Create Account
Sign In

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