<table>
<tr id="row1">
<!-- bla-bla-bla -->
</tr>
<tr id="row2">
<!-- bla-bla-bla twice -->
</tr>
</table>
<script type="text/javascript">
var r = getAbsolutePos(document.getElementById('row1'));
</script>
как получить координаты в java script
доброго времени суток.
есть код меню на java script, необходимо отобразить меню в нужном месте на страничке. для этого необходимо определить координаты в моем случае таблицы строки таблицы!
<table border="0" cellSpacing="0" cellPadding="0">
<tr><td> Мой скрипт меню </td></tr>
</table>
в инете видел код:
function getAbsolutePos(el) {
var r = {
x: el.offsetLeft, y: el.offsetTop };
if (el.offsetParent) {
var tmp = getAbsolutePos(el.offsetParent);
r.x += tmp.x;
r.y += tmp.y;
}
return r;
}
что нужно передать в качестве параметра "el" чтобы получить координаты?
заранее благодарен!
есть код меню на java script, необходимо отобразить меню в нужном месте на страничке. для этого необходимо определить координаты в моем случае таблицы строки таблицы!
<table border="0" cellSpacing="0" cellPadding="0">
<tr><td> Мой скрипт меню </td></tr>
</table>
в инете видел код:
function getAbsolutePos(el) {
var r = {
x: el.offsetLeft, y: el.offsetTop };
if (el.offsetParent) {
var tmp = getAbsolutePos(el.offsetParent);
r.x += tmp.x;
r.y += tmp.y;
}
return r;
}
что нужно передать в качестве параметра "el" чтобы получить координаты?
заранее благодарен!
Объект, содержащий вашу строку таблицы.
Код:
Какая-то извращенская реализация меню.
Зачем важен именно такой подход?
Зачем важен именно такой подход?
Попробуйте этот код:
Цитата:
br = document.getElementById("table").getBoundingClient Rect(); //Присвойте таблице id='table'
elem = document.getElementById("div"); //Вставьте в <td></td> DIV c id='div'
elemstyle = elem.style;
elemstyle.display = 'block';
elemstyle.marginLeft = br.left+10'px'; // Генерируется относительно таблицы, но есть погрешности, поэтому вместо числа 10 отцентрируете по-своему.
elemstyle.marginTop = br.top-100+'px'; //То же, что и левый отступ
elemstyle.background = '#666'; // цвет блока
elemstyle.position = 'absolute'; // Важно оставить absolute
elemstyle.height = '250px'; // высота блока
elemstyle.width = '400px'; // ширина блока
elemstyle.display = 'block'; // показ блока по умолчанию
elem = document.getElementById("div"); //Вставьте в <td></td> DIV c id='div'
elemstyle = elem.style;
elemstyle.display = 'block';
elemstyle.marginLeft = br.left+10'px'; // Генерируется относительно таблицы, но есть погрешности, поэтому вместо числа 10 отцентрируете по-своему.
elemstyle.marginTop = br.top-100+'px'; //То же, что и левый отступ
elemstyle.background = '#666'; // цвет блока
elemstyle.position = 'absolute'; // Важно оставить absolute
elemstyle.height = '250px'; // высота блока
elemstyle.width = '400px'; // ширина блока
elemstyle.display = 'block'; // показ блока по умолчанию