<form name="tv" method="GET" action="http://www.lasvegasdirect.com/search/index.php" onSubmit="rVal=checkDates(this); return (rVal);"> <input type="HIDDEN" name="step" value="search"> <input type="hidden" name="aff" value="xxxxx"> <!-- << AFFILIATE ID --> <font class="text"><b>LAS VEGAS DIRECT HOTEL SEARCH</b></font><BR> <BR> <font class="text"> <select name="inmonth" class="select" onChange="dateChange(this.form)"> <option value="01">Jan</option> <option value="02">Feb</option> <option value="03">Mar</option> <option value="04">Apr</option> <option value="05">May</option> <option value="06">Jun</option> <option value="07">Jul</option> <option value="08">Aug</option> <option value="09">Sep</option> <option value="10">Oct</option> <option value="11">Nov</option> <option value="12">Dec</option> </select> <select name="inday" class="select" onChange="dateChange(this.form)"> <option value="01">1</option> <option value="02">2</option> <option value="03">3</option> <option value="04">4</option> <option value="05">5</option> <option value="06">6</option> <option value="07">7</option> <option value="08">8</option> <option value="09">9</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> <option value="24">24</option> <option value="25">25</option> <option value="26">26</option> <option value="27">27</option> <option value="28">28</option> <option value="29">29</option> <option value="30">30</option> <option value="31">31</option> </select> <SCRIPT LANGUAGE="JavaScript"> var right_now=new Date(); document.write("<select class='select' name=inyear>") for (counter = right_now.getFullYear(); counter < right_now.getFullYear()+2; counter++) { var date_select=""; if (counter == right_now.getFullYear()) { var date_select="selected " } document.write ("<option " + date_select + "value=" + counter +">" + counter + "</option>"); } document.write("</select>"); </SCRIPT>  -  <select name="outmonth" class="select"> <option value="01">Jan</option> <option value="02">Feb</option> <option value="03">Mar</option> <option value="04">Apr</option> <option value="05">May</option> <option value="06">Jun</option> <option value="07">Jul</option> <option value="08">Aug</option> <option value="09">Sep</option> <option value="10">Oct</option> <option value="11">Nov</option> <option value="12">Dec</option> </select> <select name="outday" class="select"> <option value="01">1</option> <option value="02">2</option> <option value="03">3</option> <option value="04">4</option> <option value="05">5</option> <option value="06">6</option> <option value="07">7</option> <option value="08">8</option> <option value="09">9</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> <option value="24">24</option> <option value="25">25</option> <option value="26">26</option> <option value="27">27</option> <option value="28">28</option> <option value="29">29</option> <option value="30">30</option> <option value="31">31</option> </select> <SCRIPT LANGUAGE="JavaScript"> var right_now=new Date(); document.write("<select class='select' name=outyear>") for (counter = right_now.getFullYear(); counter < right_now.getFullYear()+2; counter++) { var date_select=""; if (counter == right_now.getFullYear()) { var date_select="selected " } document.write ("<option " + date_select + "value=" + counter +">" + counter + "</option>"); } document.write("</select>"); </SCRIPT>   Rooms: <select name="numrooms" class="select"> <option value="1">1   </option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> </select>    <input type="submit" name="Submit" value="Hotel Search" class="bookit" style="width:118; padding:1px; font-size:12px"> </font> </form>
1.) Copy and Paste the above code into the BODY of your HTML code. You also need
the code below pasted into the HEAD. Be sure to replace xxxxx with your assigned affiliate ID.

Note: The year drop-down will automatically update to the current and next year, so you don't need
to modify the code once it is in place. We suggest always using a drop-down list in addition to
a pop-up calendar (if you choose to implement one), since it will be compatible on a broader ranger of browsers.
 

<style> .button { font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #000000; background-color: #EEEEEE} .text { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #333333; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px } .select { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #333333; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px } .bookit { font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #000077; background-color: #FFCC00} </style> <SCRIPT LANGUAGE="JavaScript"> function checkDates(form) { inday = form.inday[form.inday.selectedIndex].value; inmonth = form.inmonth[form.inmonth.selectedIndex].value; inyear = form.inyear[form.inyear.selectedIndex].value; outday = form.outday[form.outday.selectedIndex].value; outmonth = form.outmonth[form.outmonth.selectedIndex].value; outyear = form.outyear[form.outyear.selectedIndex].value; d1 = new Date(inyear,inmonth-1,inday); d2 = new Date(inyear,inmonth-1,1); d3 = new Date(outyear,outmonth-1,outday); d4 = new Date(); d5 = new Date(d4.getFullYear(),d4.getMonth(),d4.getDate()); message = ""; window.status = outyear + "-" + outmonth + "-" + outday + " = " + d3; if (d1.getMonth() != d2.getMonth()) { message += "* Your check-in date is not valid.\n"; } if (d1.getTime() >= d3.getTime()) { message += "* Your check-out date must not be the same, or before your check-in date.\n"; } if (d1.getTime() < d5.getTime()) { message += "* Your check-in date may not be before today.\n"; } if (message.length > 0) { alert("Please address the following errors:\n" + message); return false; } return true; } function doSO(f,tV,tF){for(i=0;i<f[tF].options.length;i++)if(f[tF].options[i].value==tV){f[tF].options[i].selected=true;}} function dateChange(f) { thisdate = new Date(); msecs = (thisdate-0); oneday = new Date(msecs+86400000*1); imnow = oneday.getMonth()+1; imv = f.inmonth[f.inmonth.selectedIndex].value; omv = f.inmonth[f.outmonth.selectedIndex].value; if (imnow > imv ) { f.inyear.selectedIndex =1; f.outyear.selectedIndex =1; } else { f.inyear.selectedIndex =0; f.outyear.selectedIndex =0; } thisdate = new Date(f.inyear[f.inyear.selectedIndex].value, f.inmonth[f.inmonth.selectedIndex].value-1, f.inday[f.inday.selectedIndex].value); msecs = (thisdate-0); twoday = new Date(msecs+(86400000*2)); im = thisdate.getMonth()+1; id = thisdate.getDate(); iy = thisdate.getFullYear(); om = twoday.getMonth()+1; od = twoday.getDate(); oy = twoday.getFullYear(); doSO(f,im,"inmonth"); doSO(f,id,"inday"); doSO(f,iy,"inyear"); doSO(f,om,"outmonth"); doSO(f,od,"outday"); doSO(f,oy,"outyear"); } function initializeDates(f) { thisdate = new Date(); thisdate = new Date(thisdate.getFullYear(),thisdate.getMonth(),thisdate.getDate()); msecs = (thisdate-0); oneday = new Date(msecs+86400000*1); twoday = new Date(msecs+(86400000*3)); im = oneday.getMonth()+1; id = oneday.getDate(); iy = oneday.getFullYear(); var idatevalue = (im < 9 ? '0' : '') + (im) + "/" + (id < 10 ? '0' : '') + id + "/" + iy; om = twoday.getMonth()+1; od = twoday.getDate(); oy = twoday.getFullYear(); var odatevalue = (om < 9 ? '0' : '') + (om) + "/" + (od < 10 ? '0' : '') + od + "/" + oy; doSO(f,im,"inmonth"); doSO(f,id,"inday"); doSO(f,iy,"inyear"); doSO(f,om,"outmonth"); doSO(f,od,"outday"); doSO(f,oy,"outyear"); temponload(); } function lvdinit() { if (document.tv) { initializeDates(document.tv); } if (document.th) {initializeDates(document.th);} } temponload = (window.onload) ? window.onload : new Function; window.onload=lvdinit; </SCRIPT>
2.) Copy and Paste the above code into the HEAD of your HTML code.
You can modify the style to change colors and fonts.