Position.overlap - エレメント内の座標位置の割合を得る

スポンサードリンク

この機能を実行するにはprototype.jsが必要です

構文

Position.overlap(mode, element)

引数: mode=モード, element=エレメント


1	<html>
2
3	<head>
4	<title>Position.overlap - エレメント内の座標位置の割合を得る</title>
5	</head>
6
7
8	<!--エレメント内の座標位置の割合を得るのサンプル-->
9	<script type="text/javascript" src="/js/prototype.js"></script>
10	<script type="text/javascript">
11	function execute() {
12	Position.within($("sample"), 100, 100);
13	var x = Position.overlap("horizontal", $("sample"));
14	var y = Position.overlap("vertical", $("sample"));
15	alert('x='+x+', y='+y);
16
17	}
18	</script>
19	<body>
20	withinで指定した座標がどの程度の割合を表すかどうかを調べる
21	<hr>
22	<div id="sample" style="background-color:red;overflow:hidden;height:200px;width:200px">
23	<div id="pixel" style="background-color:green;width:2px;height:2px;position:relative;left:100px;top:100px;overflow:hidden;"></div>
24	</div>
25	<button onclick="execute()">サンプル実行</button>
26	</body>
27
28	</html>
	ポップアップ \| 印刷 \| ←ポップアップでソースコードを開き、簡単にコピーできます \| ?

スポンサードリンク

新しいウィンドウで実行 | スクリプトを編集＆実行 - スクリプトをWEB上で編集＆動作確認することが出来ます。