JavascriptProva

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>

Nessun commento:

Posta un commento