How do I get a layer to cover a drop down list box?


DevX Home    Today's Headlines   Articles Archive   Tip Bank   Forums   

Results 1 to 6 of 6

Thread: How do I get a layer to cover a drop down list box?

  1. #1
    AJP10304 Guest

    How do I get a layer to cover a drop down list box?


    I have a draggable layer which works fine but when I have drop down list boxes
    on the page also, the list boxes seem to be permanently fixed in the foreground.
    This means if I drag my layer over the list box, the list box is still on
    top and it looks really strange.

    Any ideas on how to fix this?

    - AJP.

  2. #2
    Bronwyn Streeter Guest

    Re: How do I get a layer to cover a drop down list box?

    Basically there isn't any way.

    AJP10304 <ajp@pocko.freeserve.co.uk> wrote in message
    news:3b7fd34a$1@news.devx.com...

    I have a draggable layer which works fine but when I have drop down list
    boxes
    on the page also, the list boxes seem to be permanently fixed in the
    foreground.
    This means if I drag my layer over the list box, the list box is still on
    top and it looks really strange.

    Any ideas on how to fix this?

    - AJP.



  3. #3
    Neo Guest

    Re: How do I get a layer to cover a drop down list box?


    Hi!
    well there are four ways.
    1) You can set the mouseover event to -> display = none on the list box ..
    so when the mouse comes over the list box it disappears
    or
    2) define a div and describe its attributes as such in js so it is compatible
    with what ur doing.
    or
    3) try giving it spanning. (might work!)
    or
    4) define two divs assigned to 1) your dragable object 2) to ur list box
    so that when it comes over the box it over rides / ignores it.

    Posted by Neo.
    ( http://storm.prohosting.com/~4g )
    PS: i know there is a SOLUTION 4 THIS.. ( 100% sure about it ). you just
    gotta search the web.

  4. #4
    Kevin Cornwall Guest

    Re: How do I get a layer to cover a drop down list box?


    All form elements will show through layers, not only select elements. Best
    solution is to create DHTML dropdowns, set visibility to visible when clicking
    on or rolling over the "menu box, setting visibility to hidden when rolling
    off or clicking off the menu".

    Kevin Cornwall
    flyTrap media
    http://members.home.net/flytrapmedia/

    "AJP10304" <ajp@pocko.freeserve.co.uk> wrote:
    >
    >I have a draggable layer which works fine but when I have drop down list

    boxes
    >on the page also, the list boxes seem to be permanently fixed in the foreground.
    > This means if I drag my layer over the list box, the list box is still

    on
    >top and it looks really strange.
    >
    >Any ideas on how to fix this?
    >
    >- AJP.



  5. #5
    Paul Cole Guest

    Re: How do I get a layer to cover a drop down list box?


    There's a function called elementFromPoint that you can use to determine if
    a drop down list is underneath your layer, if so hide the layer and then
    re-show it when you move off of it again. This works for IE, not sure whether
    the function is supported in Netscape.

    "AJP10304" <ajp@pocko.freeserve.co.uk> wrote:
    >
    >I have a draggable layer which works fine but when I have drop down list

    boxes
    >on the page also, the list boxes seem to be permanently fixed in the foreground.
    > This means if I drag my layer over the list box, the list box is still

    on
    >top and it looks really strange.
    >
    >Any ideas on how to fix this?
    >
    >- AJP.



  6. #6
    Gana Guest

    Re: How do I get a layer to cover a drop down list box?


    I too had these problems. The best thing to do is to hide the list box when
    you show the layer and vice versa. This works. This happens due to the
    fact that the Select tag does not have a z-index property. you can see more
    explanation in the microsoft site for this.
    hope this helps you
    Thanx

    "AJP10304" <ajp@pocko.freeserve.co.uk> wrote:
    >
    >I have a draggable layer which works fine but when I have drop down list

    boxes
    >on the page also, the list boxes seem to be permanently fixed in the foreground.
    > This means if I drag my layer over the list box, the list box is still

    on
    >top and it looks really strange.
    >
    >Any ideas on how to fix this?
    >
    >- AJP.



Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center
 
 
FAQ
Latest Articles
Java
.NET
XML
Database
Enterprise
Questions? Contact us.
C++
Web Development
Wireless
Latest Tips
Open Source


   Development Centers

   -- Android Development Center
   -- Cloud Development Project Center
   -- HTML5 Development Center
   -- Windows Mobile Development Center