Prototype-element-makepositioned
提供:Dev Guides
プロトタイプ-makePositioned()メソッド
このメソッドを使用すると、初期位置が「静的」または「未定義」の場合に要素のCSS位置を「相対」に設定することで、CSSを含むブロックを簡単に作成できます。
構文
element.makePositioned();
戻り値
HTML要素を返します。
例
<html>
<head>
<title>Prototype examples</title>
<script type = "text/javascript" src = "/javascript/prototype.js"></script>
<script>
function showResult() {
$('container').makePositioned();
}
</script>
</head>
<body>
<p>Click the button to see the result.</p>
<br/>
<div id = "container">
<div id = "element"
style = "position:absolute; top: 20px; left: 20px;
border:1px solid red;">
This is Element Box
</div>
</div>
<br/>
<input type = "button" value = "Click" onclick = "showResult();"/>
</body>
</html>