Jump to content

Select Date


ben3001
 Share

Recommended Posts

I have a booking form on my sitehttp://medussa.atspace.com/medussa.html --> book onlinebut what i think well be a great feature for users to do is be able to select the date from like a calendar at the side so they are garunteed to select the right date, but i have no idea of how to complete my idea and was wondering is there anyone that could assit mecheers in advance ben

Link to comment
Share on other sites

I have a booking form on my sitehttp://medussa.atspace.com/medussa.html --> book onlinebut what i think well be a great feature for users to do is be able to select the date from like a calendar at the side so they are garunteed to select the right date, but i have no idea of how to complete my idea and was wondering is there anyone that could assit mecheers in advance ben

If you go to the website Dynamic Drivethere is a section that gives you the code to create calendars for forms.
Link to comment
Share on other sites

thanks for the great site, ive got my calendar to work, but now it will not submit the form any ideas?http://music0202.atspace.com/online.htm

Your page has 2 forms tags on it, one above the <html> :) remove it and it's matching </form> and then add the action to the form in the body.
<html><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1252"><meta name="GENERATOR" content="Microsoft FrontPage 4.0"><meta name="ProgId" content="FrontPage.Editor.Document"><title>Select Date</title><script language="javascript" src="cal2.js"></script><script language="javascript" src="cal_conf2.js"></script></head><body bgcolor="#000000">	<div>        <b><font color="#FFFFFF" size="4" face="Verdana">Book Online</font></b>        <p><b><font size="1" color="#FFFFFF" face="Verdana">Use the booking form        below to submit your booking for a night out at Medussa Brixton. Please        ensure all fields are filled out correctly. You will be contacted within        twenty-four hours via phone to confirm your booking. Please leave any        additional information in the comments box.</font></b></p>         	</div><form name="sampleform" action="http://www.hypersonicscream.com/medussa.php" method="post">	<div>        <p><font face="Verdana" size="2"><font color="#FFFFFF">		<span>Name</span>        </font>		<span><input type="text" name="custName" size="25" maxlength="35" /></span>        </font>	</div>	<div>        <font face="Verdana" size="2">		<span><font color="#FFFFFF">E-Mail Address</font></span>		<span><input type="text" name="custEmail" size="35" maxlength="100" /></span>        </font>	</div>	<div>        <font face="Verdana" size="2"><font color="#FFFFFF">		<span>Telephone</span>        </font>		<form action="http://www.hypersonicscream.com/medussa.php" method="post">		<span><input type="text" name="custContact" size="20" maxlength="20" /></span>        </font>	</div>	<div>        <font face="Verdana" size="2"><font color="#FFFFFF">		<span># People</span>        </font>		<span><select name="custNum">				<option value="1-10">1-10</option>				<option value="11-15">11-15</option>				<option value="16-20">16-20</option>				<option value="21-30">21-30</option>				<option value="31-40">31-40</option>				<option value="41-50">41-50</option>				<option value="51-60">51-60</option>				<option value="61-70">61-70</option>				<option value="71-80">71-80</option>				<option value="81-90">81-90</option>				<option value="91-100">91-100</option>				<option value="100+">100+</option>			  </select>		</span>        </font>	</div>	<div>        <font color="#FFFFFF" face="Verdana" size="2">		<span>Date</span>        </font><input type="text" name="custDate" size=20><font face="Verdana" size="2"><span><font color="#FFFFFF">(DD/MM/YY)</font></span></font><small><a href="java script:showCal('Calendar1')">Select Date</a></small>	</div>	<div>        <font face="Verdana" size="2"><font color="#FFFFFF">		<span>Comments</span>        </font>		<span>			<input type="text" name="custComment" size="40" maxlength="255" /></span>        </font>	</div>	<div>		<span>            <font face="Verdana" size="2">			<input type="submit" name="submit" value="Send" />			<input type="reset" name="Reset" value="Reset" />            </font>		</span>	</div><p> </p></form></body></html>

Link to comment
Share on other sites

my bad your a star cheers

Your page has 2 forms tags on it, one above the <html> :) remove it and it's matching </form> and then add the action to the form in the body.
<html><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1252"><meta name="GENERATOR" content="Microsoft FrontPage 4.0"><meta name="ProgId" content="FrontPage.Editor.Document"><title>Select Date</title><script language="javascript" src="cal2.js"></script><script language="javascript" src="cal_conf2.js"></script></head><body bgcolor="#000000">	<div>        <b><font color="#FFFFFF" size="4" face="Verdana">Book Online</font></b>        <p><b><font size="1" color="#FFFFFF" face="Verdana">Use the booking form        below to submit your booking for a night out at Medussa Brixton. Please        ensure all fields are filled out correctly. You will be contacted within        twenty-four hours via phone to confirm your booking. Please leave any        additional information in the comments box.</font></b></p>         	</div><form name="sampleform" action="http://www.hypersonicscream.com/medussa.php" method="post">	<div>        <p><font face="Verdana" size="2"><font color="#FFFFFF">  <span>Name</span>        </font>  <span><input type="text" name="custName" size="25" maxlength="35" /></span>        </font>	</div>	<div>        <font face="Verdana" size="2">  <span><font color="#FFFFFF">E-Mail Address</font></span>  <span><input type="text" name="custEmail" size="35" maxlength="100" /></span>        </font>	</div>	<div>        <font face="Verdana" size="2"><font color="#FFFFFF">  <span>Telephone</span>        </font>  <form action="http://www.hypersonicscream.com/medussa.php" method="post">  <span><input type="text" name="custContact" size="20" maxlength="20" /></span>        </font>	</div>	<div>        <font face="Verdana" size="2"><font color="#FFFFFF">  <span># People</span>        </font>  <span><select name="custNum">    <option value="1-10">1-10</option>    <option value="11-15">11-15</option>    <option value="16-20">16-20</option>    <option value="21-30">21-30</option>    <option value="31-40">31-40</option>    <option value="41-50">41-50</option>    <option value="51-60">51-60</option>    <option value="61-70">61-70</option>    <option value="71-80">71-80</option>    <option value="81-90">81-90</option>    <option value="91-100">91-100</option>    <option value="100+">100+</option>     </select>  </span>        </font>	</div>	<div>        <font color="#FFFFFF" face="Verdana" size="2">  <span>Date</span>        </font><input type="text" name="custDate" size=20><font face="Verdana" size="2"><span><font color="#FFFFFF">(DD/MM/YY)</font></span></font><small><a href="java script:showCal('Calendar1')">Select Date</a></small>	</div>	<div>        <font face="Verdana" size="2"><font color="#FFFFFF">  <span>Comments</span>        </font>  <span>  	<input type="text" name="custComment" size="40" maxlength="255" /></span>        </font>	</div>	<div>  <span>            <font face="Verdana" size="2">  	<input type="submit" name="submit" value="Send" />  	<input type="reset" name="Reset" value="Reset" />            </font>  </span>	</div><p> </p></form></body></html>

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...