JS/DHTML pop down

[Defender1]

I'm trying to make a little popdown calendar.

What I want is the user clicks the arrow, and the calendar appears. They select a date, and it disappears.

I "thought" i could use this by putting all the calendar code inside a <div> but it's not hiding when I set it's vis to hidden.

Here's the div:

<div id="calendar" STYLE="position: absolute; visibility: hidden;">

And here's the script:
http://66.31.37.55:8080/pop_cal/mainform.jsp

The calendar is dynamically generated with jsp, so I don't know if that's messing it up.

I know there's stuff like this out there for download, but i'd much rather code it myself and get the JS experience.
Any help is appreciated.

[Defender1]

Also, can a layer support an iframe inside of it?
This calendar has arrows to select another month, and I'd rather not have to reload that page as they might have data in the form already.

[MikeFoster]

Hi Defender1,

That link doesn't work for me... ?

Yes, you can have an iframe contained by a positioned element (p, div, etc.). However, it may not respect z-index as you would expect.

cross-browser tip: don't use 'inline' styles. Use a STYLE element in the HEAD.

It sounds like an iframe is the way to go. Then you can hide it (or move it off-screen) when its not needed or while its loading a page.