説明
エレメントの座標を取得するには bytefx.$position()を使います。パラメータには座標を取得したいエレメントを指定します。結果はハッシュで返されx, yプロパティに座標が入ります。
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<link rel="stylesheet" href="main.css" type="text/css" media="all">
<script type="text/javascript" src="bytefx_OS.js"></script>
<script type="text/javascript"><!--
window.onload = function(){
bytefx.drag(document.getElementById("box"));
}
function displayPos(){
var pos = bytefx.$position(document.getElementById("box"));
alert(pos.x+", "+pos.y);
}
// --></script>
</head>
<body>
<h1>ドラッグ処理</h1>
<form>
<input type="button" value="座標を表示" onClick="displayPos()">
</form>
<div id="box">bytefxサンプル。ここはドラッグ可能です</div>
</body>
</html>