Jordan
Posts: 127
Joined: 1/8/2002
Status: offline
 |
Popup Calendar Javascript Help - 4/28/2009 11:10:43
I'm at a loss and need to walk away from this for a while! In the meantime, maybe someone here might have a suggestion?
I've created a form using Order History Software's price options script that works with Mals-e. I'm also using Matt Kruse's pop-up calendar for the date. Link here to test page here. It works fine when I test it locally it works, but when I load it to my server, the calendar does not come up.
This is my javascript code from the header:
<script src="mm_pos.js" type="text/javascript"></script>
<script language="javascript" src="CalendarPopup.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
var now = new Date();
var cal1 = new CalendarPopup();
cal1.addDisabledDates(null,formatDate(now,"yyyy-MM-dd"));
cal1.addDisabledDates(null,formatDate(now,"5/14/2009"));
cal1.addDisabledDates("Oct 16, 2009",null);
</script>
This is the form code:
<form id="CartForm" action="http://ww9.aitsafe.com/cf/add.cfm" method="post" name="CartForm" onsubmit="return CalcPrice(this, true)">
<input name="userid" type="hidden" value="B657624" />
<input name="price" type="hidden" value="0" />
<input name="product" type="hidden" value="Margaret Todd" />
<input name="units" type="hidden" value="" />
<input name="scode" type="hidden" value="" />
<input name="qty" type="hidden" value="1" />
<input name="noqty" type="hidden" value="1" />
<table cellpadding="5" cellspacing="0" style="width: 400px">
<tbody>
<tr>
<td class="style1" style="width: 40%"><strong>Adults:</strong></td>
<td style="width: 60%"><select name="productoption" onchange="CalcPrice(this.form)">
<option value="0 Adults">0</option>
<option value="1 Adult:32.00">1</option>
<option value="2 Adults:64.00">2</option>
<option value="3 Adults:96.00">3</option>
<option value="4 Adults:128.00">4</option>
<option value="5 Adults:160.00">5</option>
<option value="6 Adults:192.00">6</option>
<option value="7 Adults:224.00">7</option>
<option value="8 Adults:256.00">8</option>
<option value="9 Adults:288.00">9</option>
<option value="10 Adults:320.00">10</option>
<option value="11 Adults:352.00">11</option>
<option value="12 Adults:384.00">12</option>
<option value="13 Adults:416.00">13</option>
<option value="14 Adults:448.00">14</option>
<option value="15 Adults:480.00">15</option>
</select>
</td>
</tr>
<tr>
<td class="style3" style="width: 40%"><strong>Children under 12:
</strong></td>
<td style="width: 60%" class="style2">
<select name="productoption" onchange="CalcPrice(this.form)">
<option value="0 Children">0</option>
<option value="1 Child:22.00">1</option>
<option value="2 Children:44.00">2</option>
<option value="3 Children:66.00">3</option>
<option value="4 Children:88.00">4</option>
<option value="5 Children:110.00">5</option>
<option value="6 Children:132.00">6</option>
<option value="7 Children:154.00">7</option>
<option value="8 Children:176.00">8</option>
<option value="9 Children:198.00">9</option>
<option value="10 Children:220.00">10</option>
</select></td></tr>
<tr>
<td class="style1" style="width: 40%"><strong>Trip Date:</strong></td>
<td style="width: 60%">
<input name="productDate" size="10" type="text" value="" />
<!-- Calendar popup -->
<a id="anchor1" href="" name="anchor1" onclick="cal1.select(document.forms['CartForm'].productDate,'anchor1','MM/dd/yyyy'); return false;">Choose Date</a>
</td>
</tr>
<tr>
<td class="style3" style="width: 40%"><strong>Trip:</strong></td>
<td style="width: 60%" class="style2">
<input name="productSail" onclick="mmCalc(this.form)" type="radio" value="Morning Sail:00.00" />Morning Sail - 10 a.m.<br />
<input name="productSail" onclick="mmCalc(this.form)" type="radio" value="Afternoon Sail:00.00" />Afternoon Sail - 2 p.m.<br />
<input name="productSail" onclick="mmCalc(this.form)" type="radio" value="Sunset Sail:00.00" />Sunset Sail - call for time<br />
</td>
</tr>
<tr>
<td class="style1" style="width: 40%">
Cell Phone:</td>
<td style="width: 60%"><input name="productCell" size="12" type="text" value="" /></td>
</tr>
<tr>
<td class="style3" style="width: 40%">Total</td>
<td style="width: 60%" class="style2">$<input id="DisplayPrice" class="Transparent" name="DisplayPrice" readonly="readonly" type="text" /></td>
</tr>
<tr>
<td style="width: 40%"> </td>
<td style="width: 60%"><input id="PriceMessage" class="Transparent" name="PriceMessage" readonly="readonly" size="40" type="text" value="" /></td></tr>
<tr>
<td style="width: 40%"><input name="Reset" onclick="document.CartForm.reset(); CalcPrice(document.CartForm);" type="button" value="Reset" /></td>
<td style="width: 60%">
<input name="Submit" type="submit" value="Purchase Tickets" /></td>
</tr>
</tbody>
</table>
</form>
If anyone has a suggestion for fixing this, I would be very grateful!
_____________________________
|
Printable Version 
New Messages
No New Messages
Hot Topic w/ New Messages
Hot Topic w/o New Messages
Locked w/ New Messages
Locked w/o New Messages
Post New Thread