Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 16.09.2013, 15:51
Новичок на форуме
Отправить личное сообщение для exponat Посмотреть профиль Найти все сообщения от exponat
 
Регистрация: 16.09.2013
Сообщений: 4

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

Надеюсь на помощь...
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Смена картинки с ссылкой при наведении мыши в таблице makc0993 Элементы интерфейса 6 17.02.2013 17:44
Эффект переворачивания картинки при наведении Tchort Элементы интерфейса 0 30.10.2011 14:47
Как сделать, чтобы при наведении на кнопку справа от нее появлялись текстовые ссылки? Tass Общие вопросы Javascript 7 17.02.2011 09:06
Изменение изображения при наведении на ссылку MDS Общие вопросы Javascript 1 08.08.2008 21:54
вывод нужного текста в текстовом поле при нажатии на кнопку! fifo4ka Общие вопросы Javascript 7 06.05.2008 13:36