Jump to content

Help implementing callender.

deansaddigh

By deansaddigh
in Javascript Help

 Share

Recommended Posts

deansaddigh Advanced Member

deansaddigh

Posted
Posted

hi i found this link for a really easy callender implementation.

http://www.javascriptkit.com/script/script2/tengcalendar.shtml

 

just cant seem to get it to work can someone take a look at my code and just give me a pointer please.

 

<!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>
<!-- callender java script -->
<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>
<!-- End of script -->

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>booking</title>
<?php include("includes/ico.html"); ?>
<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen" />

<style type="text/css">
<!--
.style3 {color: #FF0000}
.style4 {color: #FF0000; font-weight: bold; }
.style5 {color: #666666}
-->
</style>
</head>

<body>
<div id="container">
<div id="header"><?php include("includes/language.html"); ?></div>
<div id="sidebar">
	<?php include("includes/navigation.html"); ?>

</div>
  <div id="content">
	<h1 align="center">Booking Form</h1>




	<p> </p>
       <FORM ACTION="book_process.php" METHOD="POST" NAME="booking_form"> 

	 <table width="89%" border="0" align="center" cellpadding="3" cellspacing="3">
           <tr><td colspan="4"><p>-------------------------------------------------------Student Details-----------------------------------------------------------------</p></td></tr>
	   <tr>
             <td width="14%" bgcolor="#CCCCCC">
               <label></label>
               <br />
               <br />
               <label></label>
               <p>Title</p><br />
               <br />
               <label></label></td>
             <td width="37%" bgcolor="#CCCCCC"><label>
               <input name="title" type="radio" value="mr" />
Mr</label>
               <label>
               <input name="title" type="radio" value="Mrs" />
Mrs</label>
               <label>
               <input name="title" type="radio" value="Ms" />
Ms</label>
               <label>
               <input name="title" type="radio" value="Miss" />
Miss</label>
</td>
             <td width="11%" bgcolor="#FFFFFF"> </td>
             <td width="38%"> </td>
           </tr>
           <tr>
             <td bgcolor="#CCCCCC"><p>First_name    </p>         </td>
             <td bgcolor="#CCCCCC"><input name="First_name" type="text" id="First_name" /></td>
             <td bgcolor="#CCCCCC"><p>Username </p></td>
             <td bgcolor="#CCCCCC"><input name="username" type="text" id="username" /></td>
           </tr>
           <tr>
             <td bgcolor="#CCCCCC"><p>Second_name   </p>          </td>
             <td bgcolor="#CCCCCC"><input name="Second_name" type="text" id="Second_name" /></td>
             <td bgcolor="#CCCCCC"><p>Password</p></td>
             <td bgcolor="#CCCCCC"><input name="password" type="password" id="password" /></td>
           </tr>
           <tr>
             <td height="30" bgcolor="#CCCCCC"><p>DOB</p></td>
             <td bgcolor="#CCCCCC">
             <input name="DOB" type="text" id="DOB" />
             <span class="style4" id="msg">(yyyy-mm-dd)</span></td>
             <td bgcolor="#FFFFFF"> </td>
             <td bgcolor="#FFFFFF"> </td>
           </tr>
           <tr>
             <td bgcolor="#CCCCCC"><p>Nationality</p></td>
             <td bgcolor="#CCCCCC"><select name="Nationality" size="1" class="style1">
                        <option selected="selected">Select Nationality</option>
                        <option value="Not listed">Not   listed</option>
                        <option>------------------------------------------</option>
                        <option value="Albania">Albania</option>
                        <option value="Algeria">Algeria</option>

                        <option value="Angola">Angola</option>
                        <option value="Argentina">Argentina</option>
                        <option value="Armenia">Armenia</option>
                        <option value="Austria">Austria</option>
                        <option value="Azerbaijan">Azerbaijan</option>
                        <option value="Bahrain">Bahrain</option>

                        <option value="Belarus">Belarus</option>
                        <option value="Belgium">Belgium</option>
                        <option value="Bolivia">Bolivia</option>
                        <option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option>
                        <option value="Brazil">Brazil</option>
                        <option value="Bulgaria">Bulgaria</option>

                        <option value="Chile">Chile</option>
                        <option value="China">China</option>
                        <option value="Colombia">Colombia</option>
                        <option value="Costa Rica">Costa   Rica</option>
                        <option value="Croatia">Croatia</option>
                        <option value="Cyprus">Cyprus</option>

                        <option value="Czech Republic">Czech   Republic</option>
                        <option value="Denmark">Denmark</option>
                        <option value="Dominican Republic">Dominican Republic</option>
                        <option value="Ecuador">Ecuador</option>
                        <option value="Ecuador">Egypt</option>
                        <option value="El Salvador">El Salvador</option>

                        <option value="Estonia">Estonia</option>
                        <option value="Finland">Finland</option>
                        <option value="France">France</option>
                        <option value="Gambia">Gambia</option>
                        <option value="Georgia">Georgia</option>
                        <option value="Germany">Germany</option>

                        <option value="Greece">Greece</option>
                        <option value="Guatemala">Guatemala</option>
                        <option value="Hong Kong">Hong Kong</option>
                        <option value="Hungary">Hungary</option>
                        <option value="Iceland">Iceland</option>
                        <option value="India">India</option>

                        <option value="Indonesia">Indonesia</option>
                        <option value="Iran">Iran</option>
                        <option value="Ireland">Ireland</option>
                        <option value="Israel">Israel</option>
                        <option value="Italy">Italy</option>
                        <option value="Japan">Japan</option>

                        <option value="Jordan">Jordan</option>
                        <option value="Kazakhstan">Kazakhstan</option>
                        <option value="Korea">Korea</option>
                        <option value="Kuwait">Kuwait</option>
                        <option value="Kyrgyzstan">Kyrgyzstan</option>
                        <option value="Latvia">Latvia</option>

                        <option value="Lebanon">Lebanon</option>
                        <option value="Libya">Libya</option>
                        <option value="Lithuania">Lithuania</option>
                        <option value="Macedonia">Macedonia</option>
                        <option value="Malaysia">Malaysia</option>
                        <option value="Malta">Malta</option>

                        <option value="Mauritania">Mauritania</option>
                        <option value="Mexico">Mexico</option>
                        <option value="Moldova">Moldova</option>
                        <option value="Mongolia">Mongolia</option>
                        <option value="Morocco">Morocco</option>
                        <option value="Namibia">Namibia</option>

                        <option value="Netherlands">Netherlands</option>
                        <option value="Nicaragua">Nicaragua</option>
                        <option value="Norway">Norway</option>
                        <option value="Oman">Oman</option>
                        <option value="Pakistan">Pakistan</option>
                        <option value="Panama">Panama</option>

                        <option value="Paraguay">Paraguay</option>
                        <option value="Peru">Peru</option>
                        <option value="Poland">Poland</option>
                        <option value="Portugal">Portugal</option>
                        <option value="Puerto Rico">Puerto   Rico</option>
                        <option value="Qatar">Qatar</option>

                        <option value="Romania">Romania</option>
                        <option value="Russia">Russia</option>
                        <option value="Saudi Arabia">Saudi Arabia</option>
                        <option value="Senegal">Senegal</option>
                        <option value="Serbia and Montenegro">Serbia and   Montenegro</option>
                        <option value="Slovakia">Slovakia</option>

                        <option value="Slovenia">Slovenia</option>
                        <option value="Spain">Spain</option>
                        <option value="Sweden">Sweden</option>
                        <option value="Swiss French">Swiss   French</option>
                        <option value="Swiss German">Swiss German</option>
                        <option value="Swiss Italian">Swiss Italian</option>

                        <option value="Syria">Syria</option>
                        <option value="Taiwan">Taiwan</option>
                        <option value="Tajikistan">Tajikistan</option>
                        <option value="Thailand">Thailand</option>
                        <option value="Tunisia">Tunisia</option>
                        <option value="Turkey">Turkey</option>

                        <option value="Turkmenistan">Turkmenistan</option>
                        <option value="Ukraine">Ukraine</option>
                        <option value="United Arab Emirates">United Arab   Emirates</option>
                        <option value="Uruguay">Uruguay</option>
                        <option value="Uzbekistan">Uzbekistan</option>
                        <option value="Venezuela">Venezuela</option>

                        <option value="Vietnam">Vietnam</option>
                        <option value="Yemen">Yemen</option>
             </select><br /><p align="left">Any nationalities not listed above, </p>
             <p align="left">please contact the school via fax or e-mail</p></td>
             <td bgcolor="#FFFFFF"> </td>
             <td bgcolor="#FFFFFF"> </td>
           </tr>
           <tr>
             <td bgcolor="#CCCCCC"><p>Telephone number</p></td>
             <td bgcolor="#CCCCCC"><input name="Tel" type="text" id="Tel" /></td>
             <td bgcolor="#CCCCCC"><p>Emergency</p>
             <p>Telephone</p>
             <p> number</p></td>
             <td bgcolor="#CCCCCC"><input name="emergency_tel" type="text" id="emergency_tel" /></td>
           </tr>
           <tr>
             <td bgcolor="#CCCCCC"><p>Email </p></td>
             <td bgcolor="#CCCCCC">
             <input name="email" type="text" id="email" /></td>
             <td bgcolor="#FFFFFF"> </td>
             <td bgcolor="#FFFFFF"> </td>
           </tr>
           <tr>
             <td height="46" bgcolor="#CCCCCC"><p>Address</p></td>
             <td bgcolor="#CCCCCC"><textarea name="address" id="address"></textarea></td>
             <td> </td>
             <td> </td>
           </tr>
           <tr>
             <td bgcolor="#CCCCCC"><p>Proffesion</p></td>
             <td bgcolor="#CCCCCC"><p>
               <input name="Proffesion" type="text" id="Proffesion" />
               <br />
             If you require a <strong>VISA</strong> you <strong>MUST</strong> put a   fax number for your visa letter.</p></td>
             <td> </td>
             <td> </td>
           </tr>
           <tr>
             <td bgcolor="#CCCCCC"><p>Fax Number </p></td>
             <td bgcolor="#CCCCCC"><input name="faxnumber" type="text" id="faxnumber" /></td>
             <td> </td>
             <td> </td>
           </tr>
           <tr>
             <td height="18" colspan="4"><p>-------------------------------------------------------Course Details------------------------------------------------------------------</p></td>
           </tr>
           <tr>
             <td bgcolor="#CCCCCC"><p align="left">Years of<br />
             English already studied:</p></td>
             <td bgcolor="#CCCCCC"><select name="years_of_study" id="years_of_study">
               <option>Over 5 Years Of English Studies</option>
               <option>4 - 5 Years Of English Studies</option>
               <option>2 - 3 Years Of English Studies</option>
               <option>Beginer Or Very Elementery</option>
             </select>             </td>
             <td> </td>
             <td> </td>
           </tr>
           <tr>
             <td bgcolor="#CCCCCC"><p>Course Name</p></td>
             <td bgcolor="#CCCCCC"><label>
               <select name="Course_name" id="select">
                 <option>General English</option>
                 <option>Examination English</option>
                 <option>Buisness English</option>
               </select>
             </label></td>
             <td> </td>
             <td> </td>
           </tr>
           <tr>
             <td bgcolor="#CCCCCC"><p>Course <br />
             Start Date</p></td>
             <td bgcolor="#CCCCCC"><label>
               <input type="text" name="Course_start_date" id="Course_start_date" />
             </label></td>
             <td bgcolor="#CCCCCC"><p>Course<br /> 
             End Date</p></td>
             <td bgcolor="#CCCCCC"><label>
               <input type="text" name="Course_end_date" id="Course_end_date" />
             </label></td>
           </tr>
           <tr>
             <td bgcolor="#CCCCCC"><p>Number <br />
             of Weeks</p></td>
             <td bgcolor="#CCCCCC"><label>
               <select name="Number_of_weeks" id="Number_of_weeks">
                 <option>1</option>
                 <option>2</option>
                 <option>3</option>
                 <option>4</option>
                 <option>5</option>
                 <option>6</option>
                 <option>7</option>
                 <option>8</option>
                 <option>9</option>
                 <option>10</option>
                 <option>11</option>
                 <option>12</option>
                 <option>13</option>
                 <option>14</option>
                 <option>15</option>
                 <option>16</option>
                 <option>17</option>
                 <option>18</option>
                 <option>19</option>
                 <option>20</option>
                 <option>21</option>
                 <option>22</option>
                 <option>23</option>
                 <option>24</option>
                 <option>25</option>
                 <option>26</option>
                 <option>27</option>
                 <option>28</option>
                 <option>29</option>
                 <option>30</option>
                 <option>31</option>
                 <option>32</option>
                 <option>33</option>
                 <option>34</option>
                 <option>35</option>
                 <option>36</option>
                 <option>37</option>
                 <option>38</option>
                 <option>39</option>
                 <option>40</option>
                                             </select>
             </label></td>
             <td> </td>
             <td> </td>
           </tr>
           <tr>
             <td height="28" colspan="4"><p>-------------------------------------------------------Accommodation Details--------------------------------------------------------</p></td>
           </tr>
           <tr>
             <td bgcolor="#CCCCCC"><p>Type of<br />
             Accommodation required:</p></td>
             <td bgcolor="#CCCCCC"><label>
               <select name="accomodation_type" id="accomodation_type">
                 <option selected="selected">Homestay_Single</option>
                 <option>Homestay_Twin</option>
                 <option>No_Accomodation</option>
               </select>
             </label></td>
             <td> </td>
             <td> </td>
           </tr>
           <tr>
             <td bgcolor="#CCCCCC"><p>Start Date</p></td>
             <td bgcolor="#CCCCCC"><label>
               <input type="text" name="accomodation_start_date" id="accomodation_start_date" />
             </label></td>
             <td bgcolor="#CCCCCC"><p>End Date</p></td>
             <td bgcolor="#CCCCCC"><label>
               <input type="text" name="accomodation_end_date" id="accomodation_end_date" />
             </label></td>
           </tr>
           <tr>
             <td bgcolor="#CCCCCC"><p>Do you Smoke</p></td>
             <td bgcolor="#CCCCCC"><label>
               <input type="radio" name="Smoke"  value="Yes" />
             Yes </label>

             
            <label> <input type="radio" name="Smoke"  value="No" />
             No</label></td>
             <td> </td>
             <td> </td>
           </tr>
           <tr>
             <td height="61" colspan="2" bgcolor="#CCCCCC"><p>Do you have any special requirements or any health problems? (Please  note that we can only accept special requests regarding health or  religion).</p>             </td>
             <td colspan="2" bgcolor="#CCCCCC"><label>
               <textarea name="Special_requirements" id="Special_requirements" cols="45" rows="5"></textarea>
             </label></td>
           </tr>
           <tr>
             <td colspan="4"><p>-------------------------------------------------------Travel Details--------------------------------------------------------------------</p></td>
           </tr>
           <tr>
             <td colspan="2" bgcolor="#CCCCCC"><p>Do you require a transfer from the airport to   your accommodation?</p>             </td>
             
             <td colspan="2" bgcolor="#CCCCCC"><label>
               <select name="airport_transfer" id="airport_transfer">
                 <option>Arrival Transfer Only</option>
                 <option>Arrival And Departure Transfer</option>
                 <option>I Do Not Require A Transfer</option>
               </select>
             </label><br />             </td>
           </tr>
           <tr>
             <td colspan="4">
                 <p align="left" class="style3">If you require an airport transfer please complete the following sections (please complete both sections if you require an arrival and a departure transfer)</p></td>
           </tr>
           <tr>
             <td bgcolor="#CCCCCC"><p>Arrival date:</p></td>
             <td bgcolor="#CCCCCC"><label>
               <input type="text" name="Arrival_date" id="Arrival_date" />
               <a href="javascript:Arrival_date('demo1','ddmmyyyy')"><img src="cal.gif" width="16" height="16" border="0" alt="Pick a date"></a>
               
             </label></td>
             <td bgcolor="#CCCCCC"><p>Departure date:</p></td>
             <td bgcolor="#CCCCCC"><label>
               <input type="text" name="Departure_date" id="Departure_date" />
             </label></td>
           </tr>
           <tr>
             <td bgcolor="#CCCCCC"><p>Arrival Flight<br />
               Number</p></td>
             <td bgcolor="#CCCCCC"><label>
               <input type="text" name="Arrival_flight_no" id="Arrival_flight_no" />
             </label></td>
             <td bgcolor="#CCCCCC"><p>Departue Flight Number</p></td>
             <td bgcolor="#CCCCCC"><label>
               <input type="text" name="Departure_flight_no" id="Departure_flight_no" />
             </label></td>
           </tr>
           <tr>
             <td bgcolor="#CCCCCC"><p>Arrival Time</p></td>
             <td bgcolor="#CCCCCC"><label>
               <input type="text" name="Arrival_time" id="Arrival_time" />
             </label></td>
             <td bgcolor="#CCCCCC"><p>Departure Time</p></td>
             <td bgcolor="#CCCCCC"><label>
               <input type="text" name="Departure_time" id="Departure_time" />
             </label></td>
           </tr>
           <tr>
             <td bgcolor="#CCCCCC"><p>Arrival airport</p></td>
             <td bgcolor="#CCCCCC"><label>
               <select name="arrival_airport" id="arrival_airport">
                 <option>Bournemouth</option>
                 <option>Southampton</option>
                 <option>Gatwick</option>
                 <option>Heathrow</option>
                 <option>Luton</option>
                 <option>Stansted</option>
                                             </select>
             </label></td>
             <td bgcolor="#CCCCCC"><p>Departure Airport</p></td>
             <td bgcolor="#CCCCCC"><label>
               <select name="departure_airport" id="departure_airport">
                 <option>Bournemouth</option>
                 <option>Southampton</option>
                 <option>Gatwick</option>
                 <option>Heathrow</option>
                 <option>Luton</option>
                 <option>Standsted</option>
                   </select>
             </label></td>
           </tr>
           <tr>
             <td colspan="4">
             <p align="left" class="style4">Payment Details:</p>
             <p>IMPORTANT: Please note that your application cannot be processed until we have received payment of the deposit for the course or payment of the full fees for the course. If your course starts in 4 weeks or less, full payment must be made at time of registration. If you are only paying the deposit then the full balance is due 4 weeks before the course starts.</p>
             <p><br />
             </p></td>
             <tr>
             <td bgcolor="#CCCCCC"><p>Please specify if you are paying </p>
               <p>the deposit only or the full fees:</p></td>
             <td bgcolor="#CCCCCC"><select name="payment_details" id="payment_details">
               <option>GBP £100 Deposit</option>
               <option>Full Fees GBP</option>
             </select>             </td>
             <td bgcolor="#CCCCCC"><p>Please specify your payment method</p></td>
             <td bgcolor="#CCCCCC"><select name="payment_type" id="payment_type">
               <option>Bank Transfer</option>
               <option>Credit Card</option>
               <option>Cheque</option>
             </select>             </td>
           </tr>
           </tr>
           <tr>
             <td colspan="4"><p><span class="style4">Paying by bank transfer
IMPORTANT</span><span class="style3">:</span><br /> 
If you are paying by bank transfer a copy of the transfer MUST be sent by fax as your booking cannot be processed without payment. Please mark the student's name clearly on the bank transfer. Please send your transfer to the following account.
                 <br />
                 <br />
                 <span class="style4"><span class="style5">Bank name: </span>Lloyd's TSB Plc.<br />
                 <span class="style5">Bank address:</span> 	45 Old Christchurch Road, Bournemouth, BH1 1ED, England
<br />
<span class="style5">Account name:</span> 	Charminster UK School of English
<br />
<span class="style5">Account number:</span> 	28994860
<br />
<span class="style5">Sort code:</span> 	77-50-22</span></p>
               
             <p class="style4"> PLEASE CHECK THAT ALL INFORMATION IS CORRECT BEFORE   PROCEEDING !</p>
             <p class="style4"> </p>
             <p class="style4">
               <label></label>
             </p></td>
           </tr>
           <tr>
             <td colspan="4"><p class="style4">Paying By Credit Card</p>             </td>
           </tr>
           <tr>
             <td bgcolor="#CCCCCC"><p>Card Type</p></td>
             <td bgcolor="#CCCCCC"><select name="card_type" id="card_type">
               <option selected="selected">Mastercard</option>
               <option>Visa</option>
               <option>American Express</option>
             </select>             </td>
           </tr>
           
           <tr>
             <td bgcolor="#CCCCCC"><p>Cardholder's name</p></td>
             <td bgcolor="#CCCCCC"><input type="text" name="card_holders_name" id="card_holders_name" /></td>
             <td> </td>
             <td> </td>
           </tr>
           <tr>
             <td bgcolor="#CCCCCC"><p>Cardholder's address</p></td>
             <td bgcolor="#CCCCCC"><textarea name="card_holders_address" id="card_holders_address" cols="45" rows="5"></textarea></td>
             <td> </td>
             <td> </td>
           </tr>
           <tr>
             <td bgcolor="#CCCCCC"><p>Card <br />
             number<br />
             (no spaces)</p></td>
             <td bgcolor="#CCCCCC"><input type="text" name="card_number" id="card_number" /><p>(1234-1234-1234-1234)</p></td>
             <td bgcolor="#CCCCCC"><p>Expiry Date</p></td>
             <td bgcolor="#CCCCCC"><p>
               <input name="card_expiry_date" type="text" id="card_expiry_date" />
             mm/yy</p></td>
           </tr>
           <tr>
             <td bgcolor="#CCCCCC"><p>Security Number</p></td>
             <td bgcolor="#CCCCCC"><p>
               <input name="cv_number" type="text" id="cv_number" size="4" />
               See Below</p></td>
             <td> </td>
             <td> </td>
           </tr>
           <tr>
             <td colspan="4"><span class="style4">
               </span>
               <table cellspacing="0" cellpadding="0">
                 <tr>
                   <td bordercolor="#666666" bgcolor="#FFFFFF"><p>For all cards except Amex, 3 numbers as shown on the back of   your card</p></td>
                   <td colspan="3" bordercolor="#666666" bgcolor="#FFFFFF"><p><img src="images/amex.gif" alt="card" border="0" height="82" width="137" />For Amex, 4 numbers as shown on the front of your card</p></td>
                 </tr>
                 <tr>
                   <td colspan="4" bordercolor="#666666"><br /></td>
                 </tr>
               </table>
               <span class="style4">
               <label></label>
             </span></td>
           </tr>
           <tr>
             <td colspan="4"></td>
           </tr>
           <tr>
             <td colspan="4"><span class="style4">
               <label>Declaration</label>
               <br />
               <input type="checkbox" name="declaration" id="declaration" />
I declare that I agree to the terms and conditions of enrolment and  confirm that all the information provided on this form is correct.</span></td>
             <td> </td>
             <td> </td>
             <td> </td>
           </tr>
           <tr>
             <td></td>
             <td><input type="submit" name="submit" id="submit" value="Submit" />
             <input type="reset" name="Reset" id="button" value="Reset" /></td>
             <td> </td>
             <td> </td>
           </tr>
         </table>

    </form>
	<p> </p>
  </div>

        <div id="footer">


<?php include("includes/footer.html"); ?>
</div>

</div>

</body>
</html>

Link to comment
Share on other sites
This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to topic listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.