Visualizzazione risultati 1 fino 3 di 3

Discussione: [JS] Ricavare coordinate assolute di un normale elemento

  1. #1
    Guest

    Predefinito [JS] Ricavare coordinate assolute di un normale elemento

    Salve a tutti,
    son stato un'ora a cercare su Google e non ho trovato niente...
    come posso fare in modo di ricavare (e metterle in due variabili) le coordinate assolute di un elemento della pagina, che però è posizionato in modo normale?

    Del tipo ho un div con un id specficato; lo metto senza particolari attributi CSS di posizione all'interno della pagina. Le sue coordinate assolute saranno, ad es. x = 0 e y = 200
    se prima del div metto un <br />, la sua coordinata y assoluta aumenterà di conseguenza, divenendo ad es. y = 230

    Non so se mi sono spiegato bene...
    spero ch'esista un modo; in ogni caso, grazie a tutti in anticipo

  2. #2
    Guest

    Predefinito

    Direi che non ti sei spiegato bene

  3. #3
    Guest

    Predefinito

    Uff... mumble mumble...

    praticamente: se io ho un div o qualsiasi altra cosa in una pagina, e voglio sapere le coordinate che dovrebbe assumere se avesse "absolute" come valore di position per trovarsi esattamente in quel punto, come dovrei fare?

    EDIT: Yeeeeees, finalmente ho risolto

    dopo una lunga ed estenuante ricerca, ho trovato la soluzione in uno sperduto forum

    A chi interessasse, ecco il codice:

    Codice HTML:
    <script>
    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;
    }
    
    </script>
    ...
    <br><br>
    <table border=1><tr><td>     </td><td>
    <img src=100x100.gif
    onload="p=getPageCoords(this);alert(p.x);alert(p.y);">
    </td></tr></table>
    Ultima modifica di Zorinik : 24-03-2008 alle ore 20.40.24

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •