Добрый день.
Имею задачу. Есть таблица в которой динамически выводятся новости ссылками. Нужно сделать чтоб при наведении на любую из ссылок выводилось соответствующее ей изображение с описанием. Вывод изображения я нашел как сделать. Показываю код. Не судите крепко, в php я более-менее но JS не знаю... :
<script>
function showImg(id,fn){
var el = document.getElementById(id);
if(fn) el.innerHTML = '<img style="width:100px;" src="' + fn + '" />'; else el.innerHTML ='';
}
</script>
А вот собственно код PHP/HTML для вывода изображений:
<?php $zapros_news = mysql_query("SELECT * FROM `news` ORDER BY `id` DESC LIMIT 70") or die(mysql_error());
echo "<table cellpadding='0' cellspacing='0' border='0' >";
$i = 0;
while ($result_news = mysql_fetch_assoc($zapros_news))
{
echo "<tr><td>";
{
echo "<a class='link1' href='?action=news_inf&id=".$result_news['id']."' onmouseover=\"showImg('img".++$i."','http://www.domain.ru/image/news/".$result_news['img']."')\"onmouseout=\"showImg('img".$i."','')\"> ".htmlspecialchars($result_news['title'], ENT_QUOTES)."</a>";
}
echo "<div id='img".$i."'></div></td></tr>";
}
echo "</table>";
На сколько я понял этот скрипт работает в том месте где прописаны onmouseover и onmouseout. Картинка выводится в отдельном блоке с id='img".$i."'. Оно работает но на картинку нельзя навести курсор - она прячется. Надо чтоб она пряталась когда курсор уходит с ссылки или с картинки.
А теперь я не знаю как добавить описание к картинки. Описания хранятся в той же таблице news в столбце description.
Подскажите, где в JS коде нужно прописать идентификаторы (или как оно называется...) которые будут работать с .$result_news['description']."
Надеюсь на помощь...