Два дня бьюсь. Подскажите, пожалуйста - прямо чую, что это просто. Но туплю или знаний не хватает.
Необходимо поменять что-либо в ячейке (содержимое, класс, атрибуты) при наведении на строку, в которой ячейка и находится.
Вот более конкретно:
Есть база MySQL. Из нее вытаскиваю данные в таблицу циклом
while
Получаю примерно такую таблицу:
Тип |
Заголовок |
Текст |
Дата
Новинка | Привет | Как дела | 12.12.12
Новость | Проблема | Поменять TD при наведении на TR | 24.10.12
...
Вот сам краткий цикл:
echo "<table><thead>
<th>Тип</th><th>Заголовок</th><th>Текст</th><th>Дата</th>
<thead><tbody>";
$r = 0; // <- Cтавим счетчик (нужен ли он?)
while ($row = mysql_fetch_object($getdata)) {
$r++; // <- Счетчик пошел
echo "<tr id='alltr".$r."'> // <- Присвоил тут уникальный id (?)
<td id='td_type".$r."'>".$row->type."</td> // <- Присвоил тут уникальный id (?)
<td>".$row->title."</td>
<td>".$row->full."</td>
<td>".$row->date."</td>
</tr>";
}
echo "</tbody></table>";
Хочу чтобы при наведении на строку - один из
td поменялся. Например с
$row->type на слово "
Удалить". А при "отведении" -
$row->type вставал на место.
Испробывал много способов и все время втыкаюсь в проблему:
Например, если в строку
tr прописать
onmouseover='showKick(); То затем логично создается функция:
function showKick () {
document.getElementById('td_type').innerHTML = 'Удалить';
}
Только всем известно, что
ID он на то и
ID, что он уникальный. Как мне сюда завязать показание счетчика?
Или может быть есть более интересное решение? Можно на
jq
ps Строку я действительно собираюсь удалить (из базы тоже), но застрял вот тут и не могу дальше пройти.