Hello,
I found this JS calendar pop-up script and added to my ASP page:
<html>
<head>
<title>DHTML Lab Popup Calendar Example Page</title>
</head>
<body style="font-family:sans-serif;font-size:12px;">
<dlcalendar click_element_id="img_flightdeparture1"
input_element_id="input_flightdeparture1"
tool_tip="Click to choose flight departure date"></dlcalendar>
<p>This page contains the stripped-down, necessary HTML to include several examples of the DHTML Lab Popup Calendar in a web page.</p>
<p>You can use it as a cut-and-paste source to build on for your own implementations.</p>
<p>The source of this page is reproduced below for reference.</p>
<hr size=1 width=200 noshade color=black align=left>
<ol>
<li><p>A DHTML Lab Popup Calendar with an associated input text element, a mouseover tooltip and generated from an image element click:</p>
<p><input type="text" id='input_flightdeparture1' size=12>
<img align="middle" id="img_flightdeparture1" src="dlcalendar_2.gif" height="13" width="13" alt="calendar"></p></li>
</ol>
<hr size=1 width=200 noshade color=black align=left>
<script type="text/javascript" language="javascript" src="dlcalendar.js"></script>
</body>
</html>
I located each portion into its place accordingly:
after <BODY>:
<dlcalendar click_element_id="img_flightdeparture1"
input_element_id="input_flightdeparture1"
tool_tip="Click to choose flight departure date"></dlcalendar>
In my form:
<p><input type="text" id='input_flightdeparture1' size=12>
<img align="middle" id="img_flightdeparture1" src="dlcalendar_2.gif" height="13" width="13" alt="calendar"></p>
and, before </BODY>:
<script type="text/javascript" language="javascript" src="dlcalendar.js"></script>
The code work fine with Firefox; however, IE comes up with an error said:
IE cannot the internet site
Operation aborted
I figured that if I remove the code right after the <BODY>:
<dlcalendar click_element_id="img_flightdeparture1"
input_element_id="input_flightdeparture1"
tool_tip="Click to choose flight departure date"></dlcalendar>
and the page will open just fine in IE; however, the calendar button no longer clickable.
I'm not JS programmer so any input helping me understand and solve this problem is very appreciated.
Thanks!
I found this JS calendar pop-up script and added to my ASP page:
<html>
<head>
<title>DHTML Lab Popup Calendar Example Page</title>
</head>
<body style="font-family:sans-serif;font-size:12px;">
<dlcalendar click_element_id="img_flightdeparture1"
input_element_id="input_flightdeparture1"
tool_tip="Click to choose flight departure date"></dlcalendar>
<p>This page contains the stripped-down, necessary HTML to include several examples of the DHTML Lab Popup Calendar in a web page.</p>
<p>You can use it as a cut-and-paste source to build on for your own implementations.</p>
<p>The source of this page is reproduced below for reference.</p>
<hr size=1 width=200 noshade color=black align=left>
<ol>
<li><p>A DHTML Lab Popup Calendar with an associated input text element, a mouseover tooltip and generated from an image element click:</p>
<p><input type="text" id='input_flightdeparture1' size=12>
<img align="middle" id="img_flightdeparture1" src="dlcalendar_2.gif" height="13" width="13" alt="calendar"></p></li>
</ol>
<hr size=1 width=200 noshade color=black align=left>
<script type="text/javascript" language="javascript" src="dlcalendar.js"></script>
</body>
</html>
I located each portion into its place accordingly:
after <BODY>:
<dlcalendar click_element_id="img_flightdeparture1"
input_element_id="input_flightdeparture1"
tool_tip="Click to choose flight departure date"></dlcalendar>
In my form:
<p><input type="text" id='input_flightdeparture1' size=12>
<img align="middle" id="img_flightdeparture1" src="dlcalendar_2.gif" height="13" width="13" alt="calendar"></p>
and, before </BODY>:
<script type="text/javascript" language="javascript" src="dlcalendar.js"></script>
The code work fine with Firefox; however, IE comes up with an error said:
IE cannot the internet site
Operation aborted
I figured that if I remove the code right after the <BODY>:
<dlcalendar click_element_id="img_flightdeparture1"
input_element_id="input_flightdeparture1"
tool_tip="Click to choose flight departure date"></dlcalendar>
and the page will open just fine in IE; however, the calendar button no longer clickable.
I'm not JS programmer so any input helping me understand and solve this problem is very appreciated.
Thanks!