Здравствуйте
На странице есть фиксированный див и таблица. В ячейках строк находятся ссылки, которые через onclick добавляют текст в див. Див при этом увеличивается по высоте и перекрывает часть таблицы.
Как можно отследить, что строка tr из которой кликнули, стала перекрыта дивом? и вывести например, после этого алерт
Пожалуйста, помогите,
вот пример
<style type="text/css">
tr {height:50px;}
</style>
<body style='height:2000px'>
<div id="fix" style="position:fixed; width:300px; background-color:#ccc;"><span id="sp" style='line-height:50px;'>Товар </span></div>
<table id="tab" style="width:300px;" border="1" cellspacing="0" cellpadding="0">
<tr><td><a href="javascript:void(0)" onclick="$('#sp').after('<span style=\'line-height:100px;\'>продан </span>');">наименование 1</a></td><td>Audi</td></tr>
<tr><td><a href="javascript:void(0)" onclick="$('#sp').after('<span style=\'line-height:100px;\'>продан </span>');">наименование 2</a></td><td>Chevrolet</td></tr>
<tr><td><a href="javascript:void(0)" onclick="$('#sp').after('<span style=\'line-height:100px;\'>продан </span>');">наименование 3</a></td><td>Daewoo</td></tr>
<tr><td><a href="javascript:void(0)" onclick="$('#sp').after('<span style=\'line-height:100px;\'>продан </span>');">наименование 4</a></td><td>Hyundai</td></tr>
<tr><td><a href="javascript:void(0)" onclick="$('#sp').after('<span style=\'line-height:100px;\'>продан </span>');">наименование 5</a></td><td>Infiniti</td></tr>
<tr><td><a href="javascript:void(0)" onclick="$('#sp').after('<span style=\'line-height:100px;\'>продан </span>');">наименование 6</a></td><td>Lexus</td></tr>
</table>