Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2000
    Messaggi
    1,309

    Come posso sapere la posizione di un'immagine sulla mia pagina

    vorrei in javascript avere la posizione x, y di una determinata immagine che si trova sulla mia pagina, mi sapete dire come si fa.
    Ciao By Peter_Pan...

  2. #2
    Utente di HTML.it L'avatar di badaze
    Registrato dal
    Jun 2002
    residenza
    Lyon
    Messaggi
    5,372
    Ti propongo questo (comunque da verificare)....

    codice:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    
    <html>
    <head>
    <title>Untitled</title>
    <script language="JavaScript" type="text/javascript">
    <!--
    function retrieveCoordinateX(anObject) {
     if (anObject == null) {
      return 0;
     }
     var parent = anObject.offsetParent; 
     return anObject.offsetLeft +  retrieveCoordinateX(parent);
    }
    
    function retrieveCoordinateY(anObject) {
     if (anObject == null) {
      return 0;
     }
     var parent = anObject.offsetParent; 
     return anObject.offsetTop + retrieveCoordinateY(parent);
    }
    //-->
    </script>
    
    </head>
    <body>
    [img]image1.gif[/img]
    
    
    qui si vedono le coordinate rispetto al quadro della pagina poiche il "padre" dell'img è il body
    <script language="JavaScript" type="text/javascript">
    <!--
    document.write("posizione x : "+ document.getElementById('i1').offsetLeft," - posizione y : "+ document.getElementById('i1').offsetTop);
    //-->
    </script>
    
    
    qui si vedono le coordinate rispetto al quadro della pagina 
    <script language="JavaScript" type="text/javascript">
    <!--
    cx = retrieveCoordinateX(document.getElementById('i1'));
    cy = retrieveCoordinateY(document.getElementById('i1'));
    document.write("posizione x : "+ cx," - posizione y : "+ cy);
    //-->
    </script>
    
    <hr>
    
    
    <table summary="" border="1">
    <tr>
    <td>dddddddddddddddddd</td>
    <td>[img]image1.gif[/img]</td>
    </tr>
    </table>
    
    
    qui si vedono le coordinate rispetto alla cella della tabella poiche il "padre" dell'img è il TD.
    <script language="JavaScript" type="text/javascript">
    <!--
    document.write("posizione x : "+ document.getElementById('i2').offsetLeft," - posizione y : "+ document.getElementById('i2').offsetTop);
    //-->
    </script>
    
    
    
    qui si vedono le coordinate rispetto al quadro della pagina 
    <script language="JavaScript" type="text/javascript">
    <!--
    cx = retrieveCoordinateX(document.getElementById('i2'));
    cy = retrieveCoordinateY(document.getElementById('i2'));
    document.write("posizione x : "+ cx," - posizione y : "+ cy);
    //-->
    </script>
    
    </body>
    </html>

  3. #3
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Dalla discussione in evidenza:

    http://forum.html.it/forum/showthrea...hreadid=530318

    ciao
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.