Sunday, August 05, 2007

prototype javascript library Position example


<div id="d1" style="left: 228px; top: 24px; width: 200px; height: 36px;">
<a href="#" id="a1">a1</a>
<br/>
</div>
<div id="d2">
<a href="#" id="a2">a2</a>
<br/>
</div>
<div id="d3">d3</div>
<script type="text/javascript" charset="utf-8">
function doc(argument) {
document.write("<p>\n");
document.write(argument);
document.write("</p>\n");
}
var a2 = $('a2');
var d1 = $('d1');
var d2 = $('d2');
var d3 = $('d3');
doc('a2.offsetWidth = ' + a2.offsetWidth);
doc('a2.offsetHeight = ' + a2.offsetHeight);
doc(Position.within(a2, 18, 38));
doc(Position.realOffset(a2).inspect());
doc(Position.cumulativeOffset(a2).inspect());
doc(Position.offsetParent(a2));
doc(Position.overlap('vertical', a2));
doc(Position.page(a2).inspect());
Position.absolutize(a2);
//Position.relativize(a2);
Position.clone(d1, d3);
</script>

No comments :