/    Sign up×
Community /Pin to ProfileBookmark

Javascript Calendar

Copy linkTweet thisAlerts:
Apr 22.2003

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

[upl-file uuid=978d6a0c-9c94-4a23-beb6-73cdd4581a04 size=17kB]calendar.zip[/upl-file]

to post a comment
JavaScript

7 Comments(s) ↴

Copy linkTweet thisAlerts:
@JonaApr 22.2003 — Try using style="z-index:2" or something... That should make it overlap everything in its way. ?
Copy linkTweet thisAlerts:
@khalidali63Apr 22.2003 — [i]Originally posted by Jona [/i]

[B]Try using style="z-index:2" or something[/B][/QUOTE]

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

[url=http://www.webapplikations.com/pages/html_js/forms/CSSMenuSelectBoxWorkAround.html]CSSMenuSelectBoxWorkAround.html[/url]

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..

?

[b]EDIT[/b]

Links updated.
Copy linkTweet thisAlerts:
@miliauthorApr 22.2003 — 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.
Copy linkTweet thisAlerts:
@JonaApr 22.2003 — 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:
Copy linkTweet thisAlerts:
@AdamGundryApr 22.2003 — 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
Copy linkTweet thisAlerts:
@JonaApr 22.2003 — Hmmmm...... I see. Wow... ? Thanks.
Copy linkTweet thisAlerts:
@MylaccJun 10.2003 — 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!
×

Success!

Help @mili spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...