[JavaScript] - Afstand van een DIV tot aan rand van venster

[gvanh]

Hallo!

Ik heb een <div> ergens in een tabel staan, die weer onderdeel is van een <div> (zoiets).

Nu wil ik graag van de eerstgenoemde DIV de afstand tot de bovenkant van het venster weten, zodat ik een ander div precies op hem kan laten aansluiten (een soort popup).

Ik probeer hierbij de offsetTop te gebruiken, maar die geeft waardes die nergens op slaan (of de waarde tot aan de rand van de offsetParent o.i.d.). Kan iemand mij eenduidig vertellen hoe ik de werkelijke afstand achterhaal?

Alvast mijn grote dank!

[crisp]

de offsetTop waarden van de div en van al zijn parents bij elkaar optelllen

[gvanh]

ah!

Da's precies wat ik in gedachte had ... hiervoor de volgende 'loop' geschreven.

code:

var left = 0;
        
while ( typeof (obj.offsetParent) != 'undefined' ) {
        
    left += obj.offsetLeft;
            
    obj = obj.offsetParent;
        
}

Maar je zal altijd weer zien ... gaat dat )*%$#)-JavaScript weer zitten miepen 'NULL is null or not an object'.

Betekent dus dat die 'typeof()' statement niet goed zijn werk doet.

Suggesties?

[crisp]

gewoon zoiets lijkt me:

JavaScript:

var left = 0;
do {
  left += obj.offsetLeft;
} while ((obj=obj.offsetParent) != document);

[gvanh]

Helaas nog steeds gejammer ...

[bigbeng]

knutselmode:

code:

var left = 0;
do {
  left += obj.offsetLeft;
} while ((obj=obj.offsetParent) != null);

Zoiets misschien?

[gvanh]

Deze recursieve functie lijkt de oplossing te brengen:

code:

    function getRealDistance( obj, x, direction ) {
    
        var extra = 0;
    
        try {
        
            eval ('extra = obj.offset' + direction);
            
            x += extra;
            
            try {
            
                return getRealDistance(obj.offsetParent, x, direction);
                
            } catch (f) {
                
                return x;
            
            }
                        
        } catch (e) {
                
            return x;
            
        }
        
    } // end of function getRealLeft()

[crisp]

die eval is wel erg smerig; dit zou ook gewoon moeten werken:

JavaScript:

extra = obj['offset'+direction];

maar zijn er situaties waarbij je echt via offsetParent moet werken? Kan het niet gewoon via parentNode? offsetParent is volgens mij ook niet officieel onderdeel van de DOM.

[ Voor 14% gewijzigd door crisp op 06-09-2004 22:50 ]