SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Oct 2006
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    problem div apears hidden by dropdown and listbox

    hi to all

    i am building an intranet web aplication done using vb.

    in my form i have a textbox with an autosuggestion feature.

    my problem is that when i am writing the div that contains the suggestions apears hidden under the dropdowns and the listbox. the apears overs the other controls.

    i can show my css file

    (...)
    div.suggestions {
    border: 1px solid black;
    position: absolute;
    background-color: White;
    z-index: 200;
    }

    div.suggestions div {
    cursor: default;
    padding: 0px 3px;
    }

    div.suggestions div.current {
    background-color: #3366cc;
    color: white;
    }
    (..)


    the z-index of the div is the highest of the form

    can someone help me on how to make the div apear in front of these controls
    (dropdown and listbox)

    thanks for the replay and time

    carlos sousa

  2. #2
    SitePoint Enthusiast
    Join Date
    Nov 2006
    Posts
    68
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Im afraid <select> is a windowed object in IE, and can never be cover up by document elements except Iframes.

    So the only solution i can think off is to hide the <select> box with JavaScript or layer an iframe around the div

  3. #3
    SitePoint Member
    Join Date
    Oct 2006
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thanks for the replay mortimer.

    i have read a few things about the contents of your replay...
    i found a small example on iframe around the div at:

    http://dotnetjunkies.com/WebLog/jkin...0/30/2975.aspx

    its exactly what i want, the problem is implement this with the autosuggest code that i have

    i am using a autossugest feature developed by nicholas c. zakas but the code for me is a beat advanced...(beginner problems)

    here is the part of the code that creates the suggestion dropdown:

    (...)
    AutoSuggestControl.prototype.showSuggestions = function (aSuggestions)
    {
    var oDiv = null;

    //----- clear contents of the layer
    this.layer.innerHTML = "";

    for (var i=0; i < aSuggestions.length; i++)
    {
    oDiv = document.createElement("div");
    oDiv.appendChild(document.createTextNode(aSuggestions[i]));
    this.layer.appendChild(oDiv);
    }
    this.layer.style.left = this.getLeft() + "px";
    this.layer.style.top = (this.getTop()+this.textbox.offsetHeight) + "px";
    this.layer.style.visibility = "visible";
    };
    (...)

    can someone tell how put an iframe around this divs

    i am lost...

    thanks for the replays a time spent


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
  •