Hello,

Not sure if someone is familiar but I am using the Tigra Calendar that puts
a javascript popup calendar in your form. Anyway, it works great until I try
to put a second caldendar in. Essentially I want one for the person to select
the from date and a second for the two date. No matter what I do, both popup
calendars only change the first field. Any ideas?

<tr>
<td width="35%">Date Requested From:</td>
<td width="65%"><span lang="en-us">
<input type="text" name="datefrom" size=10>
<a href="javascript:cal1.popup();">
<img src="cal/cal.gif" width="16" height="16" border="0" alt="Choose a
starting date."></td>
<script language="JavaScript">
var cal1 = new calendar2(document.forms['newhire'].elements['datefrom']);
cal1.year_scroll = true;
</script></span></td>
</tr>
<tr>
<td width="35%">Date Requested To:</td>
<td width="65%"><span lang="en-us">
<input type="text" name="dateto" size=10>
<a href="javascript:cal1.popup();">
<img src="cal/cal.gif" width="16" height="16" border="0" alt="Choose an
ending date."></td>
<script language="JavaScript">
var cal1 = new calendar3(document.forms['newhire'].elements['dateto']);
cal1.year_scroll = true;
</script></span></td>
</tr>

Re: Javascript Calendar help by Thomas

Thomas
Thu Mar 20 17:11:46 CDT 2008

Try:

<tr>
<td width="35%">Date Requested From:</td>
<td width="65%"><span lang="en-us">
<input type="text" name="datefrom" size=10>
<a href="javascript:cal1.popup();">
<img src="cal/cal.gif" width="16" height="16" border="0" alt="Choose a
starting date."></td>
<script language="JavaScript">
var cal1 = new calendar2(document.forms['newhire'].elements['datefrom']);
cal1.year_scroll = true;
</script></span></td>
</tr>
<tr>
<td width="35%">Date Requested To:</td>
<td width="65%"><span lang="en-us">
<input type="text" name="dateto" size=10>
<a href="javascript:cal2.popup();">
<img src="cal/cal.gif" width="16" height="16" border="0" alt="Choose an
ending date."></td>
<script language="JavaScript">
var cal2 = new calendar3(document.forms['newhire'].elements['dateto']);
cal2.year_scroll = true;
</script></span></td>
</tr>

If you have a part of the script located in the head section of the page, you will need to duplicate
it rename to match script above.
--
==============================================
Thomas A. Rowe
Microsoft MVP - FrontPage
http://www.Ecom-Data.com
==============================================


"RoadKill" <RoadKill@discussions.microsoft.com> wrote in message
news:B0B4F96F-89D6-45F6-87E6-7AFB8699279A@microsoft.com...
> Hello,
>
> Not sure if someone is familiar but I am using the Tigra Calendar that puts
> a javascript popup calendar in your form. Anyway, it works great until I try
> to put a second caldendar in. Essentially I want one for the person to select
> the from date and a second for the two date. No matter what I do, both popup
> calendars only change the first field. Any ideas?
>
> <tr>
> <td width="35%">Date Requested From:</td>
> <td width="65%"><span lang="en-us">
> <input type="text" name="datefrom" size=10>
> <a href="javascript:cal1.popup();">
> <img src="cal/cal.gif" width="16" height="16" border="0" alt="Choose a
> starting date."></td>
> <script language="JavaScript">
> var cal1 = new calendar2(document.forms['newhire'].elements['datefrom']);
> cal1.year_scroll = true;
> </script></span></td>
> </tr>
> <tr>
> <td width="35%">Date Requested To:</td>
> <td width="65%"><span lang="en-us">
> <input type="text" name="dateto" size=10>
> <a href="javascript:cal1.popup();">
> <img src="cal/cal.gif" width="16" height="16" border="0" alt="Choose an
> ending date."></td>
> <script language="JavaScript">
> var cal1 = new calendar3(document.forms['newhire'].elements['dateto']);
> cal1.year_scroll = true;
> </script></span></td>
> </tr>



Re: Javascript Calendar help by RoadKill

RoadKill
Thu Mar 20 17:41:01 CDT 2008

I tried that already actually but went ahead and copied yours just in case I
had a typo in mine, but neither one works. With this version, the first
calendar works but the second one doesn't.

"Thomas A. Rowe" wrote:

> Try:
>
> <tr>
> <td width="35%">Date Requested From:</td>
> <td width="65%"><span lang="en-us">
> <input type="text" name="datefrom" size=10>
> <a href="javascript:cal1.popup();">
> <img src="cal/cal.gif" width="16" height="16" border="0" alt="Choose a
> starting date."></td>
> <script language="JavaScript">
> var cal1 = new calendar2(document.forms['newhire'].elements['datefrom']);
> cal1.year_scroll = true;
> </script></span></td>
> </tr>
> <tr>
> <td width="35%">Date Requested To:</td>
> <td width="65%"><span lang="en-us">
> <input type="text" name="dateto" size=10>
> <a href="javascript:cal2.popup();">
> <img src="cal/cal.gif" width="16" height="16" border="0" alt="Choose an
> ending date."></td>
> <script language="JavaScript">
> var cal2 = new calendar3(document.forms['newhire'].elements['dateto']);
> cal2.year_scroll = true;
> </script></span></td>
> </tr>
>
> If you have a part of the script located in the head section of the page, you will need to duplicate
> it rename to match script above.
> --
> ==============================================
> Thomas A. Rowe
> Microsoft MVP - FrontPage
> http://www.Ecom-Data.com
> ==============================================
>
>
> "RoadKill" <RoadKill@discussions.microsoft.com> wrote in message
> news:B0B4F96F-89D6-45F6-87E6-7AFB8699279A@microsoft.com...
> > Hello,
> >
> > Not sure if someone is familiar but I am using the Tigra Calendar that puts
> > a javascript popup calendar in your form. Anyway, it works great until I try
> > to put a second caldendar in. Essentially I want one for the person to select
> > the from date and a second for the two date. No matter what I do, both popup
> > calendars only change the first field. Any ideas?
> >
> > <tr>
> > <td width="35%">Date Requested From:</td>
> > <td width="65%"><span lang="en-us">
> > <input type="text" name="datefrom" size=10>
> > <a href="javascript:cal1.popup();">
> > <img src="cal/cal.gif" width="16" height="16" border="0" alt="Choose a
> > starting date."></td>
> > <script language="JavaScript">
> > var cal1 = new calendar2(document.forms['newhire'].elements['datefrom']);
> > cal1.year_scroll = true;
> > </script></span></td>
> > </tr>
> > <tr>
> > <td width="35%">Date Requested To:</td>
> > <td width="65%"><span lang="en-us">
> > <input type="text" name="dateto" size=10>
> > <a href="javascript:cal1.popup();">
> > <img src="cal/cal.gif" width="16" height="16" border="0" alt="Choose an
> > ending date."></td>
> > <script language="JavaScript">
> > var cal1 = new calendar3(document.forms['newhire'].elements['dateto']);
> > cal1.year_scroll = true;
> > </script></span></td>
> > </tr>
>
>
>

Re: Javascript Calendar help by Thomas

Thomas
Fri Mar 21 08:15:29 CDT 2008

Have you contacted the author of the calendar script or tried another script?

--
==============================================
Thomas A. Rowe
Microsoft MVP - FrontPage
http://www.Ecom-Data.com
==============================================


"RoadKill" <RoadKill@discussions.microsoft.com> wrote in message
news:9481FB59-B537-4E28-AC6E-E8A9D11B2D67@microsoft.com...
>I tried that already actually but went ahead and copied yours just in case I
> had a typo in mine, but neither one works. With this version, the first
> calendar works but the second one doesn't.
>
> "Thomas A. Rowe" wrote:
>
>> Try:
>>
>> <tr>
>> <td width="35%">Date Requested From:</td>
>> <td width="65%"><span lang="en-us">
>> <input type="text" name="datefrom" size=10>
>> <a href="javascript:cal1.popup();">
>> <img src="cal/cal.gif" width="16" height="16" border="0" alt="Choose a
>> starting date."></td>
>> <script language="JavaScript">
>> var cal1 = new calendar2(document.forms['newhire'].elements['datefrom']);
>> cal1.year_scroll = true;
>> </script></span></td>
>> </tr>
>> <tr>
>> <td width="35%">Date Requested To:</td>
>> <td width="65%"><span lang="en-us">
>> <input type="text" name="dateto" size=10>
>> <a href="javascript:cal2.popup();">
>> <img src="cal/cal.gif" width="16" height="16" border="0" alt="Choose an
>> ending date."></td>
>> <script language="JavaScript">
>> var cal2 = new calendar3(document.forms['newhire'].elements['dateto']);
>> cal2.year_scroll = true;
>> </script></span></td>
>> </tr>
>>
>> If you have a part of the script located in the head section of the page, you will need to
>> duplicate
>> it rename to match script above.
>> --
>> ==============================================
>> Thomas A. Rowe
>> Microsoft MVP - FrontPage
>> http://www.Ecom-Data.com
>> ==============================================
>>
>>
>> "RoadKill" <RoadKill@discussions.microsoft.com> wrote in message
>> news:B0B4F96F-89D6-45F6-87E6-7AFB8699279A@microsoft.com...
>> > Hello,
>> >
>> > Not sure if someone is familiar but I am using the Tigra Calendar that puts
>> > a javascript popup calendar in your form. Anyway, it works great until I try
>> > to put a second caldendar in. Essentially I want one for the person to select
>> > the from date and a second for the two date. No matter what I do, both popup
>> > calendars only change the first field. Any ideas?
>> >
>> > <tr>
>> > <td width="35%">Date Requested From:</td>
>> > <td width="65%"><span lang="en-us">
>> > <input type="text" name="datefrom" size=10>
>> > <a href="javascript:cal1.popup();">
>> > <img src="cal/cal.gif" width="16" height="16" border="0" alt="Choose a
>> > starting date."></td>
>> > <script language="JavaScript">
>> > var cal1 = new calendar2(document.forms['newhire'].elements['datefrom']);
>> > cal1.year_scroll = true;
>> > </script></span></td>
>> > </tr>
>> > <tr>
>> > <td width="35%">Date Requested To:</td>
>> > <td width="65%"><span lang="en-us">
>> > <input type="text" name="dateto" size=10>
>> > <a href="javascript:cal1.popup();">
>> > <img src="cal/cal.gif" width="16" height="16" border="0" alt="Choose an
>> > ending date."></td>
>> > <script language="JavaScript">
>> > var cal1 = new calendar3(document.forms['newhire'].elements['dateto']);
>> > cal1.year_scroll = true;
>> > </script></span></td>
>> > </tr>
>>
>>
>>