Wrox Home  
Search P2P Archive for: Go

  Return to Index  

html_code_clinic thread: How do you make a DHTML layer appear on top of HTML select list?


Message #1 by "Sandy" <sandy@s...> on Mon, 20 May 2002 22:10:25
I found the article.  It was on devguru.com here:
http://www.devguru.com/Features/tutorials/ComboControl/combocontrol.html

Another one still is in MSDN from Dr. GUI too.

-----Original Message-----
From: brian lowe [mailto:brian.lowe@i...]
Sent: Tuesday, May 21, 2002 5:20 AM
To: HTML Code Clinic
Subject: [html_code_clinic] Re: How do you make a DHTML layer appear on
top of HTML select list?


> Has anyone been able to code around the problem 
> of not being able to have a
> layer (i.e. a DTHML drop-down list) show over 
> the top of an HTML select list?

Yes - in a way.
  
> I'm not sure if it is a problem in Netscape 
> but it is for IE5.5 .

The problem seems to be Windows rather than the browser.

Because the SELECT needs to be able to drop-down its list of options 
Windows always handles it as a window, and not in the same way as other 
layers, resulting in any SELECT (window object) rendering in front of any 
other (non-window or layer) object.

Windows is smart enough to handle multiple Window objects and respect 
their z-indez though, so if you can arrange for your DHTML to use a Window 
object then you can force Windows to render it over  the other SELECT.

Unfortunatley this limits your DHTML content to another SELECT :-(

I don't know what you're trying to show, but in my instance I managed 
reasonably to get the appearance of my popped-up SELECT sufficiently non-
SELECT-like to be usable.

Brian Lowe
---------@

---

Improve your web design skills with these new books from Glasshaus.

Usable Web Menus
http://www.amazon.com/exec/obidos/ASIN/1904151027/ref=nosim/theprogramme
r-20
Constructing Accessible Web Sites
http://www.amazon.com/exec/obidos/ASIN/1904151000/ref=nosim/theprogramme
r-20
Practical JavaScript for the Usable Web
http://www.amazon.com/exec/obidos/ASIN/1904151051/ref=nosim/theprogramme
r-20

  Return to Index