Javascript Calendar

[mili]

This is a question that I posted sometime ago and I think I saw no responses to it.I tried to fix the problem, but couldnt.
I would appreciate if someone can help me solve this problem.
I have a calendar that pops up on a div by clicking a button.
I have a form under this calendar which contains drop down boxes.Whenever the calendar div pops over the drop down box, the drop down box shows through the div.I understand that this is a browser issue and the only way to fix this is to hide the select box when the div pops on it and show the select box when the div is hidden.I tried doing this and I cant get it to work.
Please help me!

I've attached a zip file of my code.

Thanks

[Jona]

Try using style="z-index:2" or something... That should make it overlap everything in its way. :)

[khalidali63]

Originally posted by Jona
Try using style="z-index:2" or something

z-index does not work with some html elements.select being one of those.The following link sheds a bit more light on this topic

CSSMenuSelectBoxWorkAround.html (http://www.webapplikations.com/pages/html_js/forms/CSSMenuSelectBoxWorkAround.html)

NOW the solution...:p

There you go,
http://68.145.35.86/temp/milli/calendar/testdivonselectbox.html

copy the source from the above link as well as this js file
http://68.145.35.86/temp/milli/calendar/PopupWindow.js

replace your exisiting files with these and you are set to go..

:D

EDIT
Links updated.

[mili]

Khalid,

It works like a charm.Thanks.
I tried setting Z-index and it didnt work.But I wonder by putting the select in an iframe with a lower z-index than the div can work.I havent tried this.
Thanks for your help.

[Jona]

Hmm.... I thought the z-index would overlap all objects. But you're right--select boxes aren't included. Hey, I know it works for images, tables, and DIVs. :) It was a start--for me, anyways.. :rolleyes:

[AdamGundry]

Yes, z-index should apply to everything, but certain browsers (which shall remain nameless) do not render elements such as selectboxes correctly.

Check out this article:
http://www.webreference.com/dhtml/diner/seethru/indexNEW.html

Adam

[Jona]

Hmmmm...... I see. Wow... :) Thanks.

[Mylacc]

khalidali63, the solution pages you posted are no longer there!!! I am having the same problem and would love a work around since this calendar is the fastest loading popup calendar I have come by yet.... Can you pleeeease repost the solution? Thanks!