SitePoint Sponsor |
|
User Tag List
Results 1 to 7 of 7
Thread: Layers and drop-boxes
-
May 8, 2003, 06:50 #1
- Join Date
- Dec 2001
- Location
- Market Harborough, UK
- Posts
- 206
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Layers and drop-boxes
I have a site in which a cascading menu is implimented using layers. Unfortunately, if I have any <SELECT> drop-downs on the page, the layers always pop up behind the box! What do I have to do to ensure that the layer is always displayed in the forground in front of anything else on the page?
Thanks
PaulPaul Simpson, BSc, MCNI, MCNE
-
May 8, 2003, 12:05 #2
- Join Date
- Aug 2001
- Location
- Los Angeles, CA
- Posts
- 346
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Can we see some code please? But at first glance all it seems like you'd have to do (in order to make your drop down menu display on the foreground every time) is increase your layer's z-index (or their 3D positioning).
-
May 8, 2003, 17:50 #3
- Join Date
- Sep 2002
- Location
- Bournemouth, South UK
- Posts
- 1,551
- Mentioned
- 1 Post(s)
- Tagged
- 0 Thread(s)
these don't hide underneath layers. Display:none will get rid of them, as will a set division with overflow:scroll, which hides the drop-down as its scrolled out of view.
LiveScript: Putting the "Live" Back into JavaScript
if live output_as_javascript else output_as_html end if
-
May 9, 2003, 02:20 #4
- Join Date
- Dec 2001
- Location
- Market Harborough, UK
- Posts
- 206
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
I'll give the z-index thing a bash, thanks. Not sure I follow the "set division with overflow:scroll" suggestion - can you elaborate?
TIA
PaulPaul Simpson, BSc, MCNI, MCNE
-
May 9, 2003, 11:40 #5
- Join Date
- Apr 2003
- Location
- istanbul
- Posts
- 139
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
This is standart problem in JS, the best way to solve it hide all dropdown boxes near the layer.
Check this out;
http://students.infoiasi.ro/~mishoo/site/calendar.epl
In this calendar you can see this feature.
-
May 9, 2003, 11:43 #6
- Join Date
- Jul 2002
- Location
- Dallas, TX
- Posts
- 2,900
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Ya, more explanation here:
www.webreference.com/dhtml/diner/seethru/
Although, I've seen a workaround using IFRAMEs in the dropdowns that mus appear later source order than the SELECT. Kind of a PITA, but it works.
-
May 9, 2003, 11:44 #7
- Join Date
- Dec 2002
- Location
- Nashville, TN USA
- Posts
- 1,688
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Originally Posted by fmavituna
WishList.com - Universal Gift Registry
KodeFusion.com | AgentOvation | Web Dev Sucess Blog | Net Realty
Bookmarks