PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Цыкл

Форумы портала PHP.SU » PHP » Программирование на PHP » Вопросы новичков (Модераторы: OrmaJever, Саныч, Строитель)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

Exponat	Отправлено: 13 Сентября, 2013 - 16:29:41
Частый гость Покинул форум Сообщений всего: 196 Дата рег-ции: Янв. 2013 Помог: 0 раз(а)	Здравствуйте реализую такую функцию: есть столбик в котором выводятся последние новости (70 штук). При наведении мышкой на заголовок (ссылку) новости хочется чтоб возле нее выскакивала картинка. Или под ней картинка с описанием (description). Реализую так: CODE (javascript): скопировать код в буфер обмена <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: скопировать код в буфер обмена <?PHP $zapros_news = mysql_query("SELECT * FROM `news` ORDER BY `id` DESC LIMIT 70") or die(mysql_error()); while ($result_news = mysql_fetch_assoc($zapros_news)) { { echo "<a class='link1' href='?action=news_inf&id=".$result_news['id']."' onmouseover=\"showImg('img1','http://www.domain.ru/image/news/".$result_news['img']."')\" onmouseout=\"showImg('img1','')\">  ".htmlspecialchars($result_news['title'], ENT_QUOTES)."<div id='img1'></div></a>"; } } echo "</table>"; ?> Оно как бы выходит. Но фотка выводится только возле первой новости. За это отвечает идентификатор img1. Как тут в цикле сделать чтоб для каждого заголовка img№ - номер присваивался сам. То есть новость 1 будет иметь img1. Новость 2 img2....и т.д. И еще один минус. До наведение мышкой - все ровно в табличке ленты новостей. Но после наведение и забирания фокуса мышки с ссылки - остается пустое место (там где выводится картинка). Как сделать чтоб после onmouseout все опять ровно вернулось на место. Спасибо!

Muxa	Отправлено: 13 Сентября, 2013 - 21:49:37
Частый гость Покинул форум Сообщений всего: 247 Дата рег-ции: Март 2012 Откуда: Россия, Тверь Помог: 5 раз(а)	Exponat пишет: чтоб для каждого заголовка img№ - номер присваивался сам CODE (htmlphp): скопировать код в буфер обмена $i = 0; while ($result_news = mysql_fetch_assoc($zapros_news)) : ?> <a class='link1' href='?action=news_inf&id=<?php echo (int) $result_news['id']; ?>' onmouseover="showImg('img<?php echo ++$i; ?>','http://www.domain.ru/image/news/<?php echo htmlspecialchars($result_news['img']); ?>')" onmouseout="showImg('img<?php echo $i; ?>','')">  <?php echo htmlspecialchars($result_news['title'], ENT_QUOTES); ?><div id='img<?php echo $i; ?>'></div></a> <?php endwhile; ?> </table> Сами отступы у вас из-за div-ов внутри ссылок. Собственно, можно переписать как-то так CODE (javascript): скопировать код в буфер обмена function showImg(lnk, id,fn){ if(!fn) return lnk.removeChild(document.getElementById(id)) if(null !== document.getElementById(id) ) return var el = document.createElement('div') el.setAttribute('id', id) lnk.appendChild(el) el.innerHTML = '<img style="width:100px;" src="' + fn + '" />' } и вывод поменять на такой CODE (htmlphp): скопировать код в буфер обмена $i = 0; while ($result_news = mysql_fetch_assoc($zapros_news)) : ?> <div><a class='link1' href='?action=news_inf&id=<?php echo (int) $result_news['id']; ?>' onmouseover="showImg(this, 'img<?php echo ++$i; ?>','http://www.domain.ru/image/news/<?php echo htmlspecialchars($result_news['img']); ?>')" onmouseout="showImg(this, 'img<?php echo $i; ?>','')">  <?php echo htmlspecialchars($result_news['title'], ENT_QUOTES); ?></a></div> <?php endwhile; ?> </table> хотя все равно говнокод.. (Отредактировано автором: 13 Сентября, 2013 - 21:50:34)

Exponat	Отправлено: 15 Сентября, 2013 - 15:38:43
Частый гость Покинул форум Сообщений всего: 196 Дата рег-ции: Янв. 2013 Помог: 0 раз(а)	Да, реализация может не столь удачная...но леплю уже с чего есть.... Вы мне помогли! Картинки выводятся возле каждой ссылки. Последнее чтоб хотел спросить, а как мне дескрипшенс новости вывести возле появившейся картинки? Дескрипшенс информация хранится в таблице news столбец descriptions. Это в ява скрипте нужно что-то менять? Пока сейчас у меня работает так: CODE (javascript): скопировать код в буфер обмена function showImg(id,fn){ var el = document.getElementById(id); if(fn) el.innerHTML = '<img style="width:100px;" src="' + fn + '" />'; else el.innerHTML =''; } 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' >"; $date1=0; $i = 0; while ($result_news = mysql_fetch_assoc($zapros_news)) { $date = $result_news['date']; if ($date!=$date1) { echo "<tr><td align='left' style='border-bottom:1px solid #666; padding-top:5px;padding-bottom:3px; '><b><font size='3'>".$date."</font></b></td><td style='border-bottom:1px solid #666;'></td></tr>"; } echo "<tr><td align='left' style='border-bottom:1px dashed #CCCCCC; padding-top:3px; padding-bottom:3px;'><div style='margin-left:5px; margin-right:5px;'><font size='2'><span class='time_l'> ".$result_news['time']." </span>"; { 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)."<div id='img".$i."'></div></a>"; } echo "</font></div><div id='img".$i."'></div></td></tr>"; $date1 = $result_news['date']; } echo "</table>"; Как дескрипшенс вывести? И еще один момент который портит юзабительность: когда картинка появилась - наведя на нее курсор - она исчезает. Как сделать что она еще была в фокусе при наведении на нее?

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« Вопросы новичков »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.