• User

    calcolare dov'è il top di un <div>

    Ciao a tutti
    vi spiace dare un'occhiata a questa pporzione di codice?
    Si tratta di :

    1)un <div> che fa da contenitore alla pagina

    2)Un div che visualizza una foto e del testo sopra la foro

    1. 4 immagini posizionate in maniera assoluta a sinistra della foto
      I contenuti della pagina prima del div numero 2 sono dinamici e mentre le 4 immagini col numero 3 rimangono ferme il div numero 2 si posta in su e giù seppure di poco al variare del contenuto testuale sopra di lui

    Io vorrei che il div 2 che è posizionato in maniera relativa e la prima delle 4 immagini avessero la medesima posizione di partenza (il top per intenderci)
    Quindi siccome il div 2 ha la posizione relativa e variabile in base al contenuto testuale posto sopra di lui io vorrei calcolare il suo top ad ogni variazione dinamica per poi posizionalre allo stesso top la prima delle 4 immagiubni di cui il numero 3
    Come posso fare?
    Grazie

    1. <div style="padding:0px 10px 0px 10px">
      <br /><br />
      <center>
    2. <div style=" background-image:url(images/xxxxxx.jpg);background-repeat:no-repeat;background-position:center center;position:relative;height:503px;width:800px;">

    3)<img src="images/zzzz.gif" style="position:absolute;top:250px;left:10px;z-index:10000;border:1px solid black" alt="" />
    3) <img src="images/zzzzz.jpg" style="position:absolute;top:456px;left:10px;z-index:10000;border:1px solid black" alt="" />
    3) <img src="images/zzzzzz.jpg" style="position:absolute;top:350px;left:10px;z-index:10000" alt="" />
    3) <img src="images/ccvv.gif" style="position:absolute;top:540px;left:10px;z-index:10000;border:1px solid black" alt="" />


  • User Attivo

    Non ho capito molto bene il tutto...ma nel frattempo credo che questa funzione ti possa servire:

    
    function posizione(el)    
    { 
        var p = { x: el.offsetLeft, y: el.offsetTop };
        while (el.offsetParent)    {
            el = el.offsetParent;
            p.x += el.offsetLeft;
            p.y += el.offsetTop;
            if (el != document.body && el != document.documentElement) {
                p.x -= el.scrollLeft;
                p.y -= el.scrollTop;
            }
        }
        return p;
    }
    pos = posizione('elemento');
    alert("x: "+pos.x+" - y: "+pos.y);
    
    

  • User

    Grazie 1000

    Per ora l'unico browser che non riconosce la funzione è chrome.