Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Вывод картинки и текста при наведении мышкой на ссылку (https://javascript.ru/forum/dom-window/41491-vyvod-kartinki-i-teksta-pri-navedenii-myshkojj-na-ssylku.html)

exponat 16.09.2013 15:51

Вывод картинки и текста при наведении мышкой на ссылку
 
Добрый день.
Имею задачу. Есть таблица в которой динамически выводятся новости ссылками. Нужно сделать чтоб при наведении на любую из ссылок выводилось соответствующее ей изображение с описанием. Вывод изображения я нашел как сделать. Показываю код. Не судите крепко, в 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."','')\">&nbsp;".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']."

Надеюсь на помощь...


Часовой пояс GMT +3, время: 13:57.