javascript & ajax samples to improve your web development.
トップページ
/ JavaScriptオンラインエディタ
JavaScriptオンラインエディタ
スクリプトを入力ボックスに書いて「スクリプト実行」ボタンを押すとWEB上でJavaScriptを実行&動作確認できます。
<script type="text/javascript" src="/js/prototype.js"></script> <script type="text/javascript"> function execute() { Position.within($("sample"), 100, 100); var x = Position.overlap("horizontal", $("sample")); var y = Position.overlap("vertical", $("sample")); alert('x='+x+', y='+y); } </script> <body> withinで指定した座標がどの程度の割合を表すかどうかを調べる <hr> <div id="sample" style="background-color:red;overflow:hidden;height:200px;width:200px"> <div id="pixel" style="background-color:green;width:2px;height:2px;position:relative;left:100px;top:100px;overflow:hidden;"></div> </div> <button onclick="execute()">サンプル実行</button> </body>
スクリプト実行結果が表示されます。