calendar feature in frontpage?

G

Guest

I want to add a calendar field on a webpage that has an icon you click to
bring up a calendar. Once you click the date you want it closes the calendar
and auto-populates the text box. These types of fields are used on most
hotel and airline webpages, among others. How do you do this in Frontpage?
Any help would be appreciated.
 
T

Thomas A. Rowe

See:
http://www.javascriptkit.com/script/script2/tengcalendar.shtml

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
==============================================
If you feel your current issue is a results of installing
a Service Pack or security update, please contact
Microsoft Product Support Services:
http://support.microsoft.com
If the problem can be shown to have been caused by a
security update, then there is usually no charge for the call.
==============================================
 
G

Guest

Thanks a lot! That was exactly what I was looking for. The option about
might have been a little bit nicer, but this one was free =).
-Robert
 
G

Guest

Hi I've used this site and it works perfect!!! I did come across one problem
I can't seem to fix. I have four form fields that I want to use this calendar
option on. The first field works perfect but when I try and choose a date on
the other three form fields it changes the date in the first form field. How
can I fix this?
 
D

Dave B.

Took me a bit to figure that out too.
From the instructions on the page;
As seen above, enter a unique ID into each <input> tag (in this case,
"demo1"), and inside function "NewCal()", pass this ID as its first
parameter. Below describes NewCal() in detail:

NewCal([textbox id],[date format],[show time in calendar?],[time mode
(12,24)?])
 
G

Guest

Sorry but that doesn't help me. Is there something I need to enter so that
each form field will have its own date?

Dave B. said:
Took me a bit to figure that out too.
From the instructions on the page;
As seen above, enter a unique ID into each <input> tag (in this case,
"demo1"), and inside function "NewCal()", pass this ID as its first
parameter. Below describes NewCal() in detail:

NewCal([textbox id],[date format],[show time in calendar?],[time mode
(12,24)?])


Christine said:
Hi I've used this site and it works perfect!!! I did come across one
problem
I can't seem to fix. I have four form fields that I want to use this
calendar
option on. The first field works perfect but when I try and choose a date
on
the other three form fields it changes the date in the first form field.
How
can I fix this?
 
D

Dave B.

Each form field must have a unique input id, input id="demo1", input
id="demo2", and so on

The javascript for each form field must match it,
javascript:NewCal('demo1','mmddyyyy'), javascript:NewCal('demo2','mmddyyyy')
and so on.

You have to do this in code view

Christine said:
Sorry but that doesn't help me. Is there something I need to enter so that
each form field will have its own date?

Dave B. said:
Took me a bit to figure that out too.
From the instructions on the page;
As seen above, enter a unique ID into each <input> tag (in this case,
"demo1"), and inside function "NewCal()", pass this ID as its first
parameter. Below describes NewCal() in detail:

NewCal([textbox id],[date format],[show time in calendar?],[time mode
(12,24)?])


Christine said:
Hi I've used this site and it works perfect!!! I did come across one
problem
I can't seem to fix. I have four form fields that I want to use this
calendar
option on. The first field works perfect but when I try and choose a
date
on
the other three form fields it changes the date in the first form
field.
How
can I fix this?

:

See:
http://www.javascriptkit.com/script/script2/tengcalendar.shtml

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
==============================================
If you feel your current issue is a results of installing
a Service Pack or security update, please contact
Microsoft Product Support Services:
http://support.microsoft.com
If the problem can be shown to have been caused by a
security update, then there is usually no charge for the call.
==============================================

message
I want to add a calendar field on a webpage that has an icon you
click
to
bring up a calendar. Once you click the date you want it closes the
calendar
and auto-populates the text box. These types of fields are used on
most
hotel and airline webpages, among others. How do you do this in
Frontpage?
Any help would be appreciated.
 
G

Guest

Thank you so much!!!! Works perfect :) I have one more question for you if
you don't mind.
This form I am creating is set up to be submitted by various users to my
email. Is there a way to format the email that I receive so that it looks
more like the webpage instead of the list that it is now?

Dave B. said:
Each form field must have a unique input id, input id="demo1", input
id="demo2", and so on

The javascript for each form field must match it,
javascript:NewCal('demo1','mmddyyyy'), javascript:NewCal('demo2','mmddyyyy')
and so on.

You have to do this in code view

Christine said:
Sorry but that doesn't help me. Is there something I need to enter so that
each form field will have its own date?

Dave B. said:
Took me a bit to figure that out too.
From the instructions on the page;
As seen above, enter a unique ID into each <input> tag (in this case,
"demo1"), and inside function "NewCal()", pass this ID as its first
parameter. Below describes NewCal() in detail:

NewCal([textbox id],[date format],[show time in calendar?],[time mode
(12,24)?])


Hi I've used this site and it works perfect!!! I did come across one
problem
I can't seem to fix. I have four form fields that I want to use this
calendar
option on. The first field works perfect but when I try and choose a
date
on
the other three form fields it changes the date in the first form
field.
How
can I fix this?

:

See:
http://www.javascriptkit.com/script/script2/tengcalendar.shtml

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
==============================================
If you feel your current issue is a results of installing
a Service Pack or security update, please contact
Microsoft Product Support Services:
http://support.microsoft.com
If the problem can be shown to have been caused by a
security update, then there is usually no charge for the call.
==============================================

message
I want to add a calendar field on a webpage that has an icon you
click
to
bring up a calendar. Once you click the date you want it closes the
calendar
and auto-populates the text box. These types of fields are used on
most
hotel and airline webpages, among others. How do you do this in
Frontpage?
Any help would be appreciated.
 
D

Dave B.

Glad you got it working, another lesson I learned with it, if you decide to
have another page in your web use the calendar javascript, you must continue
the number sequence, if you have demo1 and demo2 on one page, the second
page must not have demo1 or demo2, you would use 3, then 4, and so on.

For the email question, not by using FrontPage forms, it's pretty limited.
If you processed the form using a script such as ASP, then it is possible.


Christine said:
Thank you so much!!!! Works perfect :) I have one more question for you if
you don't mind.
This form I am creating is set up to be submitted by various users to my
email. Is there a way to format the email that I receive so that it looks
more like the webpage instead of the list that it is now?

Dave B. said:
Each form field must have a unique input id, input id="demo1", input
id="demo2", and so on

The javascript for each form field must match it,
javascript:NewCal('demo1','mmddyyyy'),
javascript:NewCal('demo2','mmddyyyy')
and so on.

You have to do this in code view

Christine said:
Sorry but that doesn't help me. Is there something I need to enter so
that
each form field will have its own date?

:

Took me a bit to figure that out too.
From the instructions on the page;
As seen above, enter a unique ID into each <input> tag (in this case,
"demo1"), and inside function "NewCal()", pass this ID as its first
parameter. Below describes NewCal() in detail:

NewCal([textbox id],[date format],[show time in calendar?],[time mode
(12,24)?])


Hi I've used this site and it works perfect!!! I did come across one
problem
I can't seem to fix. I have four form fields that I want to use this
calendar
option on. The first field works perfect but when I try and choose a
date
on
the other three form fields it changes the date in the first form
field.
How
can I fix this?

:

See:
http://www.javascriptkit.com/script/script2/tengcalendar.shtml

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
==============================================
If you feel your current issue is a results of installing
a Service Pack or security update, please contact
Microsoft Product Support Services:
http://support.microsoft.com
If the problem can be shown to have been caused by a
security update, then there is usually no charge for the call.
==============================================

message
I want to add a calendar field on a webpage that has an icon you
click
to
bring up a calendar. Once you click the date you want it closes
the
calendar
and auto-populates the text box. These types of fields are used
on
most
hotel and airline webpages, among others. How do you do this in
Frontpage?
Any help would be appreciated.
 
G

Guest

Perfect!! Thank you again so much for all your help :)

Dave B. said:
Glad you got it working, another lesson I learned with it, if you decide to
have another page in your web use the calendar javascript, you must continue
the number sequence, if you have demo1 and demo2 on one page, the second
page must not have demo1 or demo2, you would use 3, then 4, and so on.

For the email question, not by using FrontPage forms, it's pretty limited.
If you processed the form using a script such as ASP, then it is possible.


Christine said:
Thank you so much!!!! Works perfect :) I have one more question for you if
you don't mind.
This form I am creating is set up to be submitted by various users to my
email. Is there a way to format the email that I receive so that it looks
more like the webpage instead of the list that it is now?

Dave B. said:
Each form field must have a unique input id, input id="demo1", input
id="demo2", and so on

The javascript for each form field must match it,
javascript:NewCal('demo1','mmddyyyy'),
javascript:NewCal('demo2','mmddyyyy')
and so on.

You have to do this in code view

Sorry but that doesn't help me. Is there something I need to enter so
that
each form field will have its own date?

:

Took me a bit to figure that out too.
From the instructions on the page;
As seen above, enter a unique ID into each <input> tag (in this case,
"demo1"), and inside function "NewCal()", pass this ID as its first
parameter. Below describes NewCal() in detail:

NewCal([textbox id],[date format],[show time in calendar?],[time mode
(12,24)?])


Hi I've used this site and it works perfect!!! I did come across one
problem
I can't seem to fix. I have four form fields that I want to use this
calendar
option on. The first field works perfect but when I try and choose a
date
on
the other three form fields it changes the date in the first form
field.
How
can I fix this?

:

See:
http://www.javascriptkit.com/script/script2/tengcalendar.shtml

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
==============================================
If you feel your current issue is a results of installing
a Service Pack or security update, please contact
Microsoft Product Support Services:
http://support.microsoft.com
If the problem can be shown to have been caused by a
security update, then there is usually no charge for the call.
==============================================

message
I want to add a calendar field on a webpage that has an icon you
click
to
bring up a calendar. Once you click the date you want it closes
the
calendar
and auto-populates the text box. These types of fields are used
on
most
hotel and airline webpages, among others. How do you do this in
Frontpage?
Any help would be appreciated.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top