JavascriptProva

Visualizzazione post con etichetta offsetLeft. Mostra tutti i post
Visualizzazione post con etichetta offsetLeft. Mostra tutti i post

mercoledì 7 marzo 2012

Posizione assoluta di un elemento

Fammi un po' annotare questo, che poi me lo dimentico.
Ecco un piccolo script per localizzare la posizione di un elemento all'interno di un documento web:
<html>
<head>
<style>
#contenitore{
 position:absolute;
 left:200px;
 top:200px;
 width:400px;
 height:400px;
 background:cyan;
}

#contenuto{
 position:absolute;
 left:0px;
 top:50px;
 width:200px;
 height:200px;
 background:red;
}
</style>
<script>
function Posizione(oggetto){
 var x=0;
 var y=0;
 var obj=document.getElementById(oggetto);
 do{
  x+=obj.offsetLeft;
  y+=obj.offsetTop
 }while(obj=obj.offsetParent);
 return {x:x, y:y};
}
window.onload=function(){
 var pos=Posizione;
 alert(pos("contenuto").x+" "+pos("contenuto").y);
}
</script>
</head>

<body>
<div id='contenitore'>
 <div id='contenuto'>
 </div>
</div>

</body>
</html>