[JS] Posizione OffsetLeft che da sempre1

[Threepwood]

Domanda veloce :

Ho una tabella con 3 celle al 33% l'una .
All'interno delle 3 celle, 3 immagini : se faccio un (alert(IMMAGINE.offsetLeft)) mi da sempre 1.

http://threepwood.altervista.org/js/offset.htm

Dove sbaglio? come faccio x sapere l'esatta posizione?

[Mich_]

Anzitutto devi definire cosa e` l'oggetto IMMAGINE.

Se e` di volta in volta l'oggetto <img> contenuto nelle varie celle, puo` essere che la posizione delle immagini rispetto alle relative celle che le contengono sia 1.

Nota comunque che non usi il codice HTML correttamente (mancano molte coppie di virgolette).
E dovresti usare i CSS, non la formattazione HTML.

Nel codice JS, gli oggetti a1, a2 e a3 non sono definiti a livello di document, per cui devi scrivere:
alert(document.images['a1'].offsetLeft);

[Threepwood]

anche così mi da sempre 1...

Ciò che voglio fare è sapere la posizione di un'immagine in una tabella che si ridimensiona a seconda della dimensione della finestra.

per questo l'immagine può variare la sua posizione orizzontale...

[Mich_]

Dovresti studiare i CSS, e in particolare il BOX model.

Con il tuo codice l'immagine e` sempre allineata a sinistra (nel blocco che la contiene).

Prova invece a vedere la posizione del <td> (rispetto al <tr>).

[Threepwood]

ci provo subito!

[Xinod]

se sono le coordinate assolute dell' immagine quelle che cerchi basta una funzioncina che sommi tutti gli offsetLeft degli elementi interessati fino alla root del documento

function getPageCoords (element) {
  var coords = {x: 0, y: 0}; 
  while (element) { 
    coords.x += element.offsetLeft; 
    coords.y += element.offsetTop; 
    element = element.offsetParent; 
  } 
  return coords; 
}

onclick="alert(getPageCoords(document.images['a1']).x+','+getPageCoords(document.images['a1']).y);"

ciao