Visualizzazione dei risultati da 1 a 5 su 5
  1. #1

    trovare la posizione di un div

    ciao a tutti
    ho un problema con i soliti menù dinamici a tendina.
    in sostanza non ho nessun problema a posizione/far sparire il DIV che contiene la grafica del menu, l'unica rogna è la posizione in cui farlo apparire, praticamente sono costretto a specificarla a mano!
    Ad esempio quando faccio apparire il menù "contattaci":

    codice:
    posizioneContattaci = 120;
    menuContattaci.style.pixelLeft = posizioneContattaci ;
    come potete vedere ho dovuto specificare a mano la coordinata x(120); non c'e' un modo di trovarla in automatico, riferendosi ad esempio ad un'altro DIV corrispondente all'etichetta del menù?
    ho provato a creare un div
    codice:
    <DIV id=voceContattaci><a ...>Contattaci</a></DIV>
    e a pescarne le coordiante con le proprietà del css, ma il maledetto mi restituisce sempre 0!!! cosa sbaglio?

    PS un esempio del mio codice potete trovarlo in http://www.bit-snc.it

    Grazie 1000 a tutti.


  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    prova con

    document.getElementById('id_livello').offsetTop
    document.getElementById('id_livello').offsetLeft

    (top e left se non sono stati dichiarati nel css risultano giustamente uguali a zero)
    ciao

  3. #3
    continua a restituirmi 0 .
    offsetTop invece mi restituisce stranamente 5 anche se il div sara' almeno a 100 px dall'alto!!

    non è che il div va dichiarato in qualche modo particolare???


  4. #4
    per tagliare la testa al toro ho fatto una prova con un file estremamente semplificato, composto da 2 div: pippo con lo sfondo rosso, e pluto con lo sfondo verde.
    codice:
    <html>
    <body>
    <table>
     <tr>
       <td>
         <div id="pippo" 
    
    style='background-color:red'onmouseover="javascript:alert(document.getElementById('pippo').offsetLeft )">Ciao 
    
    Pippo</div>
       </td>
       <td>
         <div id="pluto" style='background-color:green' 
    
    onmouseover="javascript:alert(document.getElementById('pluto').offsetLeft )">Ciao Pluto</div>
       </td>
      </tr>
    </table>
    </body>
    </html>
    Passando sopra i div appare un'alert che mostra il valore di offsetleft... mi aspetterei di vedere un valore + alto per la casella + a destra, la verde, invece viene mostrato in entrambi i casi UNO!!!!
    chi mi sa risolvere sta cosa?? è possibile che non si riesca ad avere un cavolo di riferimento sulle coordinate di un'oggetto in una pagina?!?!?!?


  5. #5
    EDIT: risolto! il div va creato con position=relavite .
    10x al mod per avermi indirizzato verso la retta via!


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.