Thread: Absolute Positioning relative to textbox

OK. I finally got it sorted.

I used the following code:-
JS

Code:

function autoComplete(txtbox,listholder,type)
{
    var txt = document.getElementById(txtbox);
    var list = document.getElementById(listholder);
    if (txt.value.length <= 0) {
        list.style.display = 'none';
    } else {
        var posLeft = findPos(txt)[0];
        var posTop = findPos(txt)[1];
            list.style.left = posLeft;
            list.style.top = (posTop+txt.offsetHeight);
            list.style.display = '';
    }
}
 
function findPos(obj) {
    var oNode = obj;
    var curleft = 0;
    var curtop = 0;
    if (obj.offsetParent) {
        do {
            curleft += obj.offsetLeft;
            curtop += obj.offsetTop;
        } while (obj = obj.offsetParent);
    }
    return [curleft, curtop];
}

The thing that finally sorted it was putting the autocomplete div holder as the final element on my page. ie I placed it on my master page, just above the </form> tag.

The absolute positioning then works.

Just need to sort out the disappearing behind dropdownlists issue...

<edit>Actually, just found that this isn't working in FF..</edit>

R, I'm afraid there is no solution for the disappearing behind dropdownlists.

Can you maybe run some conditional code so that it will do one thing for FireFox and another for IE6?

Also, is this being developed for a company intranet or for the Internet? The reason I'm saying this is that even Facebook is now posting a notice saying that it's time to freakin' upgrade your browser. I think all developers should start forcing ignorant users to upgrade their browsers. IE8 is already out...there is no excuse for using IE6 still.

Originally Posted by jmurrayhead

R, I'm afraid there is no solution for the disappearing behind dropdownlists.

Can you maybe run some conditional code so that it will do one thing for FireFox and another for IE6?

Also, is this being developed for a company intranet or for the Internet? The reason I'm saying this is that even Facebook is now posting a notice saying that it's time to freakin' upgrade your browser. I think all developers should start forcing ignorant users to upgrade their browsers. IE8 is already out...there is no excuse for using IE6 still.

Sorry J. I was referring to the positioning. I think the only way is going to be some conditional stuff....Not entirely sure why this now works in IE6, but not in FF...

It's for the internet. I just think it would make sense to cover off IE6 as well...

Yeah, I know a lot of people are still trying to support IE6...but it's a tad ridiculous with the way Internet technology is changing. IMO, it's time to dump IE6 and force these idiots to upgrade.

Anyway, I think the conditional coding is the proper solution for this.