spacer

Webref WebRef   Sitemap · Experts · Tools · Services · Newsletters · About i.com


Developer-Building Trading-Pricing Appl-Capital Markets C#-WPF--WCF-XML-.Net 3.5,ASP, SQL Server
WSI Nationwide, Inc.
US-NY-New York

Justtechjobs.com Post A Job | Post A Resume
Developer News
Google Going Native With Chrome
Mozilla Fixes Firefox Flaws as 3.5 Release Nears
Microsoft and Novell Still Bosom Buddies


logo

Pop-up Calendar 1.2
Multi-element display examples



This page demonstrates a few of the possible input element combinations that version 1.2 can handle.

The HTML necessary for each example is included immediately following it.

The new attributes for the <dlcalendar> tag are outlined in detail on the next page.

1. Single Text Input   ( dlcalendar1.0 )

calendar

<dlcalendar click_element_id="img_flightdeparture1" input_element_id="input_flightdeparture1" tool_tip="Click to choose flight departure date"></dlcalendar>

2. Three Text Inputs

Month: Date: Year: calendar

<dlcalendar click_element_id="img_flightdeparture8" input_element_id_month="input_flightdeparture8month" input_element_id_date="input_flightdeparture8date" input_element_id_year="input_flightdeparture8year" tool_tip="Click to choose flight departure date"></dlcalendar>

3. Two Text Inputs ( Month / Year )

Month: Year: calendar

<dlcalendar click_element_id="img_flightdeparture9" input_element_id_month="input_flightdeparture9month" input_element_id_year="input_flightdeparture9year" tool_tip="Click to choose flight departure date"></dlcalendar>

4. Two Text Inputs ( Month / Date )

Month: Date: calendar

<dlcalendar click_element_id="img_flightdeparture10" input_element_id_month="input_flightdeparture10month" input_element_id_date="input_flightdeparture10date" tool_tip="Click to choose flight departure date"></dlcalendar>

5. Three Drop-Down Select Inputs

Month: Date: Year: calendar

<dlcalendar click_element_id="img_flightdeparture11" input_element_id_month="select_flightdeparture11month" input_element_id_date="select_flightdeparture11date" input_element_id_year="select_flightdeparture11year" tool_tip="Click to choose flight departure date"></dlcalendar>

6. Three Drop-Down Select Inputs with descriptive option elements

calendar

<dlcalendar click_element_id="img_flightdeparture12" input_element_id_month="select_flightdeparture12month" input_element_id_date="select_flightdeparture12date" input_element_id_year="select_flightdeparture12year" tool_tip="Click to choose flight departure date"></dlcalendar>

7. One Drop-Down Select Input and one List-Box Select Input ( Month / Year )

Month: Year: calendar

<dlcalendar click_element_id="img_flightdeparture13" input_element_id_month="select_flightdeparture13month" input_element_id_year="select_flightdeparture13year" tool_tip="Click to choose flight departure date"></dlcalendar>

8. Two Drop-Down Select Inputs and one Text Input

Month: Date: Year: calendar

<dlcalendar click_element_id="img_flightdeparture14" input_element_id_month="select_flightdeparture14month" input_element_id_date="select_flightdeparture14date" input_element_id_year="input_flightdeparture14year" tool_tip="Click to choose flight departure date"></dlcalendar>

There are three new attributes to facilitate using separate inputs.



Send a comment or suggestion to Peter Belesis

internet.commediabistro.comJusttechjobs.comGraphics.com

Search:

WebMediaBrands Corporate Info

Legal Notices, Licensing, Reprints, Permissions, Privacy Policy.
Advertise | Newsletters | Shopping | E-mail Offers | Freelance Jobs

webref The latest from WebReference.com Browse >
XML and PHP Simplified · Creating a ASP.NET Contact Form · Data Filtering with PHP
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
Intel to Host Live Nehalem Q&A · 12 Tips to Troubleshoot Network File-Sharing · 10 Tips for Selling on Kijiji

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

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