#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jul 2006
    Posts
    22
    Rep Power
    0

    X/y position of nested div - IE?


    I have a tabbed environment.
    Parent div with a div for each tab.
    Inside one tab are a set of options - each a div.
    On selecting one of the options a greyed-out div is laid over the other divs rendering them inoperable so only one option can be fed to the form.

    This code works well - but IE doesn't like it (the nested divs?).
    It gets the size right but not x or y pos.
    I wonder about using jquery - ?
    I generally wonder
    Any suggestions would be most welcome.

    Code:
    function disableDivs() {
    d = document.getElementsByTagName("BODY")[0];
    for(x=0;x<arguments.length;x++) { if (document.getElementById(arguments[x])) {
        xPos = document.getElementById(arguments[x]).offsetLeft; 
        yPos = document.getElementById(arguments[x]).offsetTop;
        oWidth = document.getElementById(arguments[x]).offsetWidth;    
        oHeight = document.getElementById(arguments[x]).offsetHeight;
        cDivs[cDivs.length] = document.createElement("DIV");
        cDivs[cDivs.length-1].style.width = oWidth+"px";
        cDivs[cDivs.length-1].style.height = oHeight+"px";
        cDivs[cDivs.length-1].style.position = "absolute";
        cDivs[cDivs.length-1].style.left = xPos+"px";
        cDivs[cDivs.length-1].style.top = yPos+"px";
        cDivs[cDivs.length-1].style.backgroundColor = "#999999";
        cDivs[cDivs.length-1].style.opacity = .5;
        cDivs[cDivs.length-1].style.filter = "alpha(opacity=50)";
        d.appendChild(cDivs[cDivs.length-1]); }}}
    function hideCDivs() { for (hippopotamus=0;hippopotamus<cDivs.length;hippopotamus++) {
    document.getElementsByTagName("BODY")[0].removeChild(cDivs[hippopotamus]); }
    cDivs = []; }
  2. #2
  3. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jul 2006
    Posts
    22
    Rep Power
    0
    Still no closer...
    I wonder if the offset value is the problem?

    I suspect there is not much missing - other than my lack of js

IMN logo majestic logo threadwatch logo seochat tools logo