領域を作成する

書式

regionObj = new YAHOO.util.Region(top, right, bottom, left)

regionObj : 領域オブジェクト
top : 上端座標
bottom : 下端座標
left : 左端座標
right : 右端座標

説明

 領域を作成するにはYAHOO.util.Region()を使います。パラメータには矩形領域の座標を設定します。作成された領域オブジェクトのtop, bottom, left, rightプロパティを参照することで、各座標値を参照することができます。

サンプルコード [実行]

<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="yui/yahoo.js"></script>
<script type="text/javascript" src="yui/dom.js"></script>
<script type="text/javascript"><!--
function newRegion(rgTop,rgRight,rgBottom,rgLeft){
var regObj = new YAHOO.util.Region(rgTop,rgRight,rgBottom,rgLeft);
YAHOO.util.Dom.get("result").innerHTML = regObj + "<br>";
YAHOO.util.Dom.get("result").innerHTML += "topの値 : "+regObj.top;
YAHOO.util.Dom.get("result").innerHTML += "bottomの値 : "+regObj.bottom;
YAHOO.util.Dom.get("result").innerHTML += "leftの値 : "+regObj.left;
YAHOO.util.Dom.get("result").innerHTML += "rightの値 : "+regObj.right;
}
// --></script>
</head>
<body>
<h1>領域を作成</h1>
<form>
<input type="button" value="領域を作成" onClick="newRegion(10, 200, 100, 50)">
</form>
<div id="result"></div>
</body>
</html>