rilevare posizione elementi dom

[guidino]

Ciao a tutti,
in un div id ="contenitore" ho due elementi html, un tag <img ... > e un tag <p ...> ognuno con il proprio id

qualcuno sarebbe così gentile da dirmi come rilevare la posizione x,y di questi elementi relativamente al contenitore?

ho provato con

        var obj = $('#'+myId).position();
        var pos_x = obj.left;
        var pos_y = obj.top;

ma mi funziona solo sul tag p e non sul tag img

myId ovviamente è l'id dell'oggetto su cui faccio il test.

Grazie a chi potrà rispondermi

[guidino]

Non c'è nessuno sul forum?

[cavicchiandrea]

Premesso che è sabato per tutti pertanto le visite sul forum si diradano e le eventuali risposte, 53 minuti mi smembrano pochi comunque.
Precisato questo, da un prova fatta il position funziona anche sulle immagini pertanto ritengo sia un "cattivo" utilizzo al limite prova anche offset

[guidino]

grazie,
offset mi da la posizione assoluta nella pagina mentre a me interessa quella relativa al contenitore, quindi uso position

... ho ricontrollato ed effettivamente si trattava di un cattivo uso.


rimane però il fatto che in firefox il codice non funziona.
ne sai qualcosa?

[br1]

cerca "coordinate di un elemento ..." negli script / discussioni utili e modificalo per fermarti al contenitore che ti interessa

[guidino]

Grazie, avevo visto la funzione:

function getPageCoords (element) { // thanks to 'Martin Honnen' for this function 
   var coords = {x: 0, y: 0}; 
   while (element) { 
      coords.x += element.offsetLeft; 
      coords.y += element.offsetTop; 
      element = element.offsetParent; 
   } 
   return coords; 
}

come posso adattare la funzione in modo che riceva come parametro l'id dell'oggetto invece di this ?

[br1]

Non devi modificare la funzione ma la chiamata:

getPageCoords($('#'+myId))

[guidino]

però così
var pos = getPageCoords($('#'+myId))
alert (pos.x + " " + pos.y);

ottengo NaN NaN

dove sbaglio?

[guidino]

ho risolto l'errore con:

var obj = document.getElementById(myId);
var pos = getObjCoords(obj);
alert (pos.x + " " + pos.y);

però la funzione getObjCoords mi rende le coordinate assolute dell'oggetto nella pagina, io ho bisogno delle coordinate relative al suo contenitore, come avevo detto all'inizio del post.

in più con firefox continua a non funzionare

Idee?

[cavicchiandrea]

La posizione parte sempre dal bordo del documento