Results 1 to 4 of 4

Thread: Menu item hiding under other elements

  1. #1
    Join Date
    Apr 2006
    Location
    Brisbane
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Menu item hiding under other elements

    Hi All,

    I've been creating a menu system with DOM and XML data. It hides, slides, glides, tabs, but do you think I can get it to popout. I've attached a cut down version of it.

    It requires cookies and has only been tested on IE 6 & 7.

    Just open default.html. And proceed to the "Accounting" menu item, there you will see that the sub menu items have a right arrow next to them, indicating that they too have sub menu items that I'd like to popout.

    The blue DIV that is showing belongs to the third menu item and I've only allowed this one to constantly show. As you'll be able to see it is partially hidden under other elements on the page, which is what I'm trying to resolve.

    I would like to keep a parent-child relationship if possible for event bubbles later.

    The code that's causing the drama is on Line 820 in the *.js file.

    Have been trying to fix this for some time now so any help would greatly be appreciated!!!

    Regards Hayden
    Last edited by ill_comms; 07-15-2008 at 08:32 AM.

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    I wouldn't want to run your Active X code without being certain it wouldn't harm my system. However, the script is so huge that it would take quite a bit of reading to determine its safety. I can tell you that the issue you are talking about usually can be dealt with using z-index style, as long as object (all IE, except for Flash objects which can have their wmode set to transparent) and select (IE 6 and less) tags are not involved. Selects in IE 6 and less may be dealt with using z-index and an 'iframe shim', or by simply moving the select tag away from any region of potential conflict.

    As regards your script, this could possibly be worked out like:

    Code:
    j_menu_item_div2.style.zIndex = 10000;
    for an element that you want to stack on top of others. The higher the z-index, the closer to your eye the element gets.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Apr 2006
    Location
    Brisbane
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Menu item hiding under other elements

    Hi John,

    I understand what you were describing and tried putting it in place however even at a zIndex of 900000 which should wipe the other contestants out of the game it still was hiding.

    Any other ideas?

    Regards,
    Hayden

  4. #4
    Join Date
    Apr 2006
    Location
    Brisbane
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Solution to DIV hiding

    Hi John,

    Since the zIndex wasn't working I looked through parent level elements and I've found a nasty little element with overflow set to hidden.
    Thanks for your help!!!

    Hayden

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •