http://wbex.ru/index.php?action=history&feed=atom&title=JavaScript_DHTML%2FjQuery%2Foffset
JavaScript DHTML/jQuery/offset - История изменений
2026-04-04T11:31:57Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://wbex.ru/index.php?title=JavaScript_DHTML/jQuery/offset&diff=2868&oldid=prev
в 10:02, 26 мая 2010
2010-05-26T10:02:45Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<tr style="vertical-align: top;" lang="ru">
<td colspan="1" style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan="1" style="background-color: white; color:black; text-align: center;">Версия 10:02, 26 мая 2010</td>
</tr><tr><td colspan="2" style="text-align: center;" lang="ru"><div class="mw-diff-empty">(нет различий)</div>
</td></tr></table>
http://wbex.ru/index.php?title=JavaScript_DHTML/jQuery/offset&diff=2869&oldid=prev
Admin: 1 версия
2010-05-26T07:23:56Z
<p>1 версия</p>
<p><b>Новая страница</b></p><div>==Get offset==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
var b = $("b:last");<br />
var offset = b.offset();<br />
alert(offset.left);<br />
alert(offset.top);<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<br />
<b>Hello asdf asdf</b><br />
</body><br />
</html><br />
<br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Get top==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
var b = $("b:last");<br />
var offset = b.offset();<br />
alert(offset.left);<br />
alert(offset.top);<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<br />
<b>Hello asdf asdf</b><br />
</body><br />
</html><br />
<br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==offset(): returned object contains two Integer properties, top and left. (works only with visible elements)==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
<br />
var p = $("p:last");<br />
var offset = p.offset();<br />
p.html( "left: " + offset.left + ", top: " + offset.top );<br />
<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<p>Hello</p><p>2nd Paragraph</p><br />
<br />
</body><br />
</html><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Output tag and coordinates==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$("*", document.body).click(function (e) {<br />
var offset = $(this).offset();<br />
e.stopPropagation();<br />
alert(this.tagName + " coords ( " + offset.left + ", " +<br />
offset.top + " )");<br />
});<br />
<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<br />
<b>Hello asdf asdf</b><br />
</body><br />
</html><br />
<br />
<br />
<br />
<br />
</source></div>
Admin