koordinater på <div> tag

for at finde koordinatet på et div tag, skal div taggen have et reference navn. Det kan gøres således:

<div id=\"etellerandetnavn\">
bla bla bla
</div>

senere kan du vha. javascript skrive således:

alert(window.etellerandetnavn.style.left + \' - \' + window.etellerandetnavn.style.top)

du vil nu få oplyst positionen af layeret.

skal du have en start position på layeret, kan du skrive:

<div id=\"etellerandetnavn\" style=\"left:xpos;top:ypos;position:absolute\">

hvor xpos og ypos er positionen fra venstre hjørne af den valgte frame

vil du derimod have en position fra hvor du står pt. på siden(når browseren er i gang med at generere siden), udskifter du absolute med relative. Herefter vil xpos, ypos, være relativt til der hvor browseren var sidst igang med at skrive....

hvad med højde og bredde ?

<ole>
gooky >> du har tydeligvis ikke selv prøvet den alert! Det returnerer et tal efterfulgt af \'px\' - hvilket gør, at du ikke har et tal, du kan positionere et andet <div> efter. Du skal derfor parse det returnerede som integer med \'parseInt(det_returnerede)\'.
Samtidig spørger du, hvilke koordinater, div\'et er blevet anbragt i med CSS. Hvis du ikke har sat \'left\' og \'top\' med CSS, får du intet retur.

Den rigtige måde er at bruge \'HTMLelement.offsetLeft\' og \'HTMLelement.offsetTop\', hvor \'HTMLelement\' er div\'et, kaldt på passende måde - f.eks: \'document.getElementById(divID)\'
/mvh
</bole>

\'HTMLelement.offsetWidth\' og \'HTMLelement.offsetHeight\'

Omskrevet til en nyttig funktion jeg selv bruger, som jeg i tidernes morgen fik hjælp til af olebole og jakoba:

function getDim(obj){
    var rd = { x:0 ,y:0 };
    if(document.layers) { // NS 4
        rd.x = obj.x;
        rd.y = obj.y;
    }else{              // IE og NS 6
        var elm = obj;
        do{
            rd.x += parseInt( elm.offsetLeft );
            rd.y += parseInt( elm.offsetTop );
            elm = elm.offsetParent;
        }while(elm);
    };
    return rd;
};

Eks:
var mitDiv=document.getElementById(\"mitDivFelt\");
var pos=getDim(mitDiv);
alert(\"x:\"+pos.x+\" y:\"+pos.y);

Obs: Funktionen kan også anvendes på andre elementer end div felter - eks. et billede eller en tabel...

E-)mil

Bello bello, Emilio  :)
Den kan f.eks. også finde positionen på et billede, dybt begravet i mange div/tabel-nestninger
/mvh

yup :P

Det her var hvad jeg skulle bruge:

function getDim(id)
{
    var dim = {x:0, y:0, w:0, h:0};
    var obj = document.getElementById(id);

    dim.x = parseInt(obj.offsetLeft);
    dim.y = parseInt(obj.offsetTop);
    dim.w = parseInt(obj.offsetWidth);
    dim.h = parseInt(obj.offsetHeight);

    return dim;
}

Jeg var ikke klar over metoden til at oprette en struct-lignende struktur...

mange tak

ups - kom til at gi gooky points istedet for emileej - sorry

opretter lige et 10-points q til emileej

emileej > Jeg har forresten omskrevet koden i min faqts artikel:

http://www.faqts.com/knowledge_base/view.phtml/aid/9095/fid/128

/Thor

>>tknudsen
Behold du bare pointene :)
Hvis de skulle gives til nogen, var det ole i skole, da det var ham der hjalp mig med funktionen i tidernes morgen, og det var også ham der i dette spørgsmål, gav de grundlæggende retningslinier...

E-)mil

I så fald slipper du for denne gang, tknudsen. Jeg har rigeligt og vi \'mødes\' zq nok en anden gang  ;o)
/mvh

>>ole
Når du nu kommenterer her, kan du så ikk ozz kigge på det spm. jeg har gang i? :)~