Current location: Hot Scripts Forums » General Web Coding » JavaScript » DHTML layer "behind" dropdown menus !?!


DHTML layer "behind" dropdown menus !?!

Reply
  #1 (permalink)  
Old 11-07-03, 04:11 AM
paulwynd's Avatar
paulwynd paulwynd is offline
Newbie Coder
 
Join Date: Nov 2003
Posts: 10
Thanks: 0
Thanked 0 Times in 0 Posts
Post DHTML layer "behind" dropdown menus !?!

I've got this DHTML problem:

I use a layer (DIV) to simulate a draggable window with a z-index > 0.
In the same page there are some dropdown menus (tag SELECT) at the defualt level (z-index=0).
When I move the layer over the dropdown menus, it looks "behind" them, as if they have a greater z-index...

Does anybody know what I mean? Does anybody know why?

Thanks for any advice

bye
Reply With Quote
  #2 (permalink)  
Old 11-07-03, 11:36 AM
Luke Skywalker Luke Skywalker is offline
Newbie Coder
 
Join Date: Jun 2003
Location: Switzerland
Posts: 6
Thanks: 0
Thanked 0 Times in 0 Posts
Hello,

as far as I now, there is now possibility to get layers/div-objects above the drop-down-menus. I'm not sure, but I think it has something to do with the fact, that the browser uses operating-system-routines to draw the drop-down-menus. Obviously they always get the "above everything"-priority.

Cheers - Luke
__________________
http://www.trueworld.ch
Reply With Quote
  #3 (permalink)  
Old 11-08-03, 06:17 AM
fxsinus fxsinus is offline
Newbie Coder
 
Join Date: Nov 2003
Posts: 11
Thanks: 0
Thanked 0 Times in 0 Posts
zIndex and forms

Hello Paul,

There's only one way I know to keep DHTML-layers above select lists and flash-movies, and web menu programmers do it the same way: You have to put the select lists in a DIV and hide it whenever you activate your DIV.
But in your case with the draggable DIV this wouldn't work either. Maybe it works if you compare offset positions of your draggable window and the DIV of your select lists and whenever they collapse, you hide the select lists.
Reply With Quote
  #4 (permalink)  
Old 01-14-04, 07:57 AM
xyberviri xyberviri is offline
New Member
 
Join Date: Jan 2004
Posts: 1
Thanks: 0
Thanked 0 Times in 0 Posts
I was dong a search about the old method i use to use for Drag/drop menus using divides, i happen upon another page before this one which has what you are looking for:

http://www.mattkruse.com/javascript/...ame/index.html


note: the above uses Iframes to acheive the Above a select box effect, but the author writes on the same page that select objects(ie drop down menus) may causes problems in dhtml.

personally i never had any issues, you can write some preatty sloppy jscript and html(d or otherwise) before a browser actually has a real issue, although its not recommended.

not sure if this will be any help, just posting the info for a person looking for anwsers since this might come back to me one day(internet karma perhaps )

btw the search string i used in google was "draggable div" no quotes, that tut was hit # 5 this page was hit # 7.

heres the string

http://www.google.com/search?hl=en&i...=draggable+div

hope this helps.
Reply With Quote
Reply

Bookmarks


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Forum Jump


All times are GMT -5. The time now is 11:16 PM.
vBulletin® Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.