<html>
<head>
<link rel="stylesheet" type="text/css" href="miostile.css">
<script type="text/javascript">
function Nr(stile){
var numero=Number(stile.replace("px",""));
return numero;
}
var oggetto, offsetX, offsetY, startX, startY;
function inizia(){
document.onmousedown=MouseDown;
document.onmouseup=MouseUp;
}
function MouseDown(e){
oggetto=e.target;
var stile=document.defaultView.getComputedStyle(oggetto,"");
offsetX=Nr(stile.left);
offsetY=Nr(stile.top);
startX=e.clientX;
startY=e.clientY;
document.onmousemove=MouseMove;
return false;
}
function MouseMove(e){
oggetto.style.left=offsetX+e.clientX-startX;
oggetto.style.top=offsetY+e.clientY-startY;
}
function MouseUp(){
document.onmousemove=null;
oggetto=null;
}
</script>
</head>
<body onLoad="inizia()">
<div id="uno" class="uno">
</div>
</body>
</html>
lunedì 30 gennaio 2012
Lettura del foglio di stile esterno da javaScript
Funziona anche con il foglio di stile esterno, anche se lo scorrimento mi sembra un po' meno fluido...
Iscriviti a:
Commenti sul post (Atom)
Nessun commento:
Posta un commento