Avatar billede mjense173 Nybegynder
23. marts 2004 - 17:55 Der er 5 kommentarer og
1 løsning

Placering af billede (x,y)

Hvis jeg har et billede:
<img src='image.jpg' id='billede'>
Hvordan finder jeg så billedets placering på siden.
Angivet med (x,y)
Avatar billede grunken Nybegynder
23. marts 2004 - 18:18 #1
Sådanne ? :o)

<script type="text/javascript">
function posX(obj){
  return(obj.offsetParent==null ? obj.offsetLeft : obj.offsetLeft+posX(obj.offsetParent));
}

function posY(obj){
  return( obj.offsetParent==null ? obj.offsetTop : obj.offsetTop+posY(obj.offsetParent));
}
</script>

<img src='image.jpg' id='billede' onclick="alert(posX(this)+','+posY(this))">
Avatar billede mjense173 Nybegynder
23. marts 2004 - 18:33 #2
Tak det virker! Smid lige et svar.
Avatar billede grunken Nybegynder
23. marts 2004 - 18:37 #3
Velbekomme da :o)
Avatar billede olebole Juniormester
23. marts 2004 - 19:35 #4
<ole>

En lidt mere 'sexy' version kunne være:

function getPos(elm) {
    for(var zx=zy=0;elm!=null;zx+=elm.offsetLeft,zy+=elm.offsetTop,elm=elm.offsetParent);
    return {x:zx,y:zy}
}

Den kaldes med:
  <img src='image.jpg' id='billede' onclick="var p=getPos(this);alert(p.x+" - "+p.y)">

/mvh
</bole>
Avatar billede olebole Juniormester
23. marts 2004 - 19:37 #5
Ooops ... gåseøjne-vrøvl! Der kaldes naturligvis sådan:
  <img src='image.jpg' id='billede' onclick="var p=getPos(this);alert(p.x+' - '+p.y)">
Avatar billede mjense173 Nybegynder
02. april 2004 - 03:18 #6
Tak til jer begge. Det virker fint nu! Tusinde tak.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester