Господа поделитесь знаниями
Задача: необходимо сделать выпадающее меню.
Есть табличка, состоящая из 4 ячеек:
<table width=
100% border=1><tr>
<td id=menu1>петя</td>
<td id=menu2>вася</td>
<td id=menu3>коля</td>
<td id=menu4>сегизмунд</td>
</tr></table>
При наведении мышки на ячейку показывается скрытый слой. Весь механизм показа/скрытия слоя я сделал.
Осталось только позиционировать выпадающий слой точно по ячейкой.
Прописать жестко позиции нельзя - т.к. ширина ячеек может менятся, и соответственно меняются координаты Х и У у ячейки.
Вопрос: Как узнать координаты левого верхнего угла ячейки, например вот этой: <td id=menu2>вася</td> ?
Пробовал:
window.document.getElementById('menu2').style.top и
window.document.getElementById('menu2').top
- не помогают (пустые значения).
Пробовал вытянусть значения свойств menu2 с помощью функции:
<SCRIPT language=javascript type=text/javascript>
function fnShowProps(obj, objName){
var result = "";
for (var i in obj) // обращение к свойствам объекта по индексу
result += objName + "." + i + " = " + obj[i] + "<br />\n";
document.write(result);
}
fnShowProps(menu2.style, "menu2.style");
fnShowProps(menu2, "menu2");
</SCRIPT>
тоже ничего хорошего не увидел (значения menu2.style.top = пустоте)
Помогите!