Popup Calendar 1.2 - DHTML Lab | 3 | WebReference

Popup Calendar 1.2 - DHTML Lab | 3


logo

Pop-up Calendar 1.2
The new attributes



Include these new attributes as you would all the other calendar attributes.

The original base attributes are outlined in the DHTML Lab Popup Calendar 1.0 discussion.

Supplementary "empty-date-option" attributes were added in DHTML Lab Popup Calendar 1.1.

The new attributes are:

input_element_id_year,
input_element_id_month and
input_element_id_date

They are extensions of the Version 1.0 input_element_id attribute, included below for reference.

 
input_element_id    input_element_id = "myVisibleInputElementID"
input_element_id = "myHiddenInputElementID"
input_element_id = "myTextareaElementID"

Specifies a text input ( <input type="text"> ), hidden text input ( <input type="hidden"> ), or textarea ( <textarea> ) element for displaying or storing a user-selected date.

Make sure the attribute value is identical to your form element's unique id attribute. If your input HTML is:

<input type="text" id="flightdate">

the attribute should be:

input_element_id = "flightdate"

The script does not provide a default input_element_id value.

Usage Suggestion:
Use only if you need the date displayed in-page or you need to pass the information to your server via a form.

 
input_element_id_year    input_element_id_year = "myVisibleInputElementID"
input_element_id_year = "myHiddenInputElementID"
input_element_id_year = "myTextareaElementID"
input_element_id_year = "mySelectElementID"

Specifies a text input ( <input type="text"> ), hidden text input ( <input type="hidden"> ), textarea ( <textarea> ), or select ( <select> ) element for displaying or storing the year value of a user-selected date.

Make sure the attribute value is identical to your form element's unique id attribute. If your input HTML is:

<input type="hidden" id="flightdateYear">

the attribute should be:

input_element_id_year = "flightdateYear"

The script does not provide a default input_element_id_year value.

Usage Suggestion:
Use only if you need the year displayed in-page or you need to pass the information to your server via a form.

 
input_element_id_month    input_element_id_month = "myVisibleInputElementID"
input_element_id_month = "myHiddenInputElementID"
input_element_id_month = "myTextareaElementID"
input_element_id_month = "mySelectElementID"

Specifies a text input ( <input type="text"> ), hidden text input ( <input type="hidden"> ), textarea ( <textarea> ), or select ( <select> ) element for displaying or storing the month value of a user-selected date.

Make sure the attribute value is identical to your form element's unique id attribute. If your input HTML is:

<select id="flightdateMonth">

the attribute should be:

input_element_id_month = "flightdateMonth"

The script does not provide a default input_element_id_month value.

Usage Suggestion:
Use only if you need the month displayed in-page or you need to pass the information to your server via a form.

 
input_element_id_date    input_element_id_date = "myVisibleInputElementID"
input_element_id_date = "myHiddenInputElementID"
input_element_id_date = "myTextareaElementID"
input_element_id_date = "mySelectElementID"

Specifies a text input ( <input type="text"> ), hidden text input ( <input type="hidden"> ), textarea ( <textarea> ), or select ( <select> ) element for displaying or storing the date value of a user-selected date.

Make sure the attribute value is identical to your form element's unique id attribute. If your input HTML is:

<select id="flightdateDate">

the attribute should be:

input_element_id_date = "flightdateDate"

The script does not provide a default input_element_id_date value.

Usage Suggestion:
Use only if you need the date displayed in-page or you need to pass the information to your server via a form.

On the next page is a bit more detail on using separate text inputs.



Send a comment or suggestion to Peter Belesis

Created: October 20, 2004
Revised: October 20, 2004

URL: http://webreference.com/dhtml/column71/3.html

Justtechjobs.comFind a programming school near you






Online Campus Both