Få xy positionen på et billede (ikke i et layer)...

<img src=\"noget.gif\" id=\"DitBillede\">

<script>
function getDim(el){
    var rd = {x:el.offsetLeft,y:el.offsetTop}, tEl=el.offsetParent
    while (tEl){
        rd.x += tEl.offsetLeft
        rd.y += tEl.offsetTop
        tEl = tEl.offsetParent
    }
    return rd
}

var billedPosition = getDim(DitBillede)
alert(\"x: \" + billedPosition.x + \"\\ny:\" + billedPosition.y)

</script>

/Thor

og i NS4  (men ikke NS6):

  <img src=\"noget.gif\" id=\"DitBillede\" name=\"Ko\">

    alert( \"X-koordinaten er: \" +document.images[\"Ko\"].x +\"\\n\"
          +\"Y-koordinaten er: \" +document.images[\"Ko\"].y );

mvh JakobA

>>jumper
Det vil sige:
var x=document.all.mitBillede.offsetLeft+document.all.mitBillede.offsetParent.offsetLeft;
var y=document.all.mitBillede.offsetTop+document.all.mitBillede.offsetParent.offsetTop;
?

E-)mil

emileej, det vil sige at du skal lægge offsetLeft/offsetTop sammen for alle de elementer der er offsetParent til mitBillede, startende fra mitBillede, dernæst til dens td, så dens tr, så dens table, osv, indtil den når <HTML>.

Derfor er det nemmere at bruge en funktion som f.eks. getDim, der selv looper igennem fra mitBillede til HTML ;)

/Thor

Jammen det kan jeg ikk bruge til noget - den yderste tabel er jo centreret.

Hvad med at sætte jumpers script ind og teste.

Hvis du ikke ønsker positionen i vinduet men ønsker at stoppe ved fx en tabel kan du ændre funktionen spm følger:

function getDim(el){
    var tE2 = document.getElementById(\"tabelNavn\")
    var rd = {x:el.offsetLeft,y:el.offsetTop}, tEl=el.offsetParent
    while (tEl){
        rd.x += tEl.offsetLeft
        rd.y += tEl.offsetTop
        if ( tEl == tE2 ) break;
        tEl = tEl.offsetParent
    }
    return rd
}

efter at have sat en id=\"tabelNavn\" i den tabel (eller div eller had det nu er for en container) du vil find x,y ud til.

mvh JakobA

Jow jow - ville bare ikk begynde at indsætte noget (tager en del tid i min rodede kode), før jeg var helt sikker på, at det overhovedet kunne bruges :)

E-)mil
http://eej.dk
http://fotx.net/emileej

emileej, smid min kode ind og prøv den. Den giver dig de absolutte X og Y værdier for dit billede (der ikke er absolut positioneret), uanset hvordan du har bygget siden op. Så vidt jeg husker ville duhave xy position på et billede, og det får du med min getDim()funktion.

/Thor

GREAT! Den virker på IE, men virker den oxo på resten af browser armeen?

Nej den er IE only.
Check for ns4 og brug svar af 11/05 2001 17:42:37 der

Jammen hvad så med NS6?

Hvilke versioner af NS skal svaret 11/05 2001 17:42:37 bruges til - og hvad skal jeg gøre med resten?

Det virker i NS4.0 til 4.7??.
NS3 kan slet ikke.
MS6 er jeg sikker på kan, men ved ikke hvordan.

Hmmm...

>>jumper

Ved du det?

<ole>
Du kan bruge Thor\'s funktion (der iøvrigt ligner den, vi altid bruger på mit arbejde), hvis du \'med rund hånd spreder lidt\' parseInt()\'er. NS6 er lidt mere hysterisk med positions-værdierne - så de skal ofte trækkes gennem en parseInt(værdi) for at NS6 kan læse dem. F.eks:  rd.x += parseInt(tEl.offsetLeft) ...osv. Prøv dig lidt frem - og brug nogle alerts til at finde ud af, hvor det går galt  :o)
/mvh
</bole>

Thors funktion til Netscape virker altså også i NS6?

Yepper - og får du problemer, må du prøve at parse de enkelte delresultater som integer...altså bruge parseInt()  ;o)
/mvh

Det var så den sidste: NS 4..6, IE 4..5.5
http://hjem.get2net.dk/Jakob.Aggernaes/temp/exp57415.html

Præcis...!  :o)

Jeg har lidt travlt, så jeg har sat pointene op på hundrede i håb om at i vil skrive den færdige getDim funktion (med alle browserforbehold) :)

E-)mil

værsgod:

function getXYcoord ( obj ) { // det objekt (billed, td, div, etc) du vil have coordinater på
  var elm = obj;
  var rd = { x:0 ,y:0 };
  do { rd.x += parseInt( elm.offsetLeft );
      rd.y += parseInt( elm.offsetTop );
      elm = elm.offsetParent;
  } while ( elm );
  return rd
}; //end getXYcoord ( string ) -> object{x,y}

mvh JakobA

gal. fik ikke ns4 med.

function getXYcoord ( obj ) { // det objekt (billed, td, div, etc) du vil have coordinater på
  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;
}; //end getXYcoord ( object ) -> object{x,y}

Tark skal i have! Jeg sidder lige og er igang med at oplære Robert (på min hjemmeside) det ville være rart hvis i (hvis i har tid og lyst) gik ind på http://eej.dk og stilte ham nogle spørgsmål, så jeg kan lære ham dem han ikke kender :)

E-)mil
http://eej.dk
http://fotx.net/emileej

olebole >> http://www.eksperten.dk/spm/72380

ooopz - zorry Ole X-/
Havde sq ikke set at du også var med :)~

Hehe...det havde jeg slet ikke tænkt på :o)
...men tak!  :)