Making a poup calendar inline

[aleci]

Hi,

Im hoping this will prove simple to a JavaScript programmer however it is giving us a real headache:

We have a gift website and on the checkout page is a link to a popup calendar so users can easily enter a delivery date for their gift(s).

The link to the calendar is on the page "Checkout.cfm" and the calendar is at "calendar.cfm":

Checkout.cfm
---------------------------------------------

<!--- date field---->
<cfinput type="text" name="delivery_date#POSITION#" size="15" >

<!--- link for calendar---->
<a href="##" onClick="window.open('calendar.cfm?POSITION=#POSITION#', 'Calendar')">
Choose date
</a>


Calendar.cfm
---------------------------------------------

On the calendar page this is how the selected date is returned to the date field:

<a href="javascript:window.opener.document.checkoutform.delivery_date<cfoutput>#POSITION#</cfoutput>.value='<cfoutput>#FullDate#</cfoutput>'; window.close();">

(Position is a numeric variable 1,2,3 etc depending on how many gifts are in the shopping basket.)

THE PROBLEM:

We are not happy with the popup so we would like to make this calendar inline (on the same page as the link).

Without knowing any JavaScript this is proving difficult to our programmer.

Any help would be greatly appreciated.

Alex

 

[feherke]

Hi

Then why no google for "javascript date picker" and use one of the many available scripts ?

Feherke.

http://rootshell.be/~feherke/

 

[Ascalonian]

Or even a nice JS library would help out. Check out

http://www.dojotoolkit.org

for some nice stuff.

 

[aleci]

Thanks for responding guys.
Ill definately look into these options.

Alex