Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 28.02.2013, 03:03   #1
Lorein18
Новичок
Джуниор
 
Регистрация: 28.02.2013
Сообщений: 2
По умолчанию Как создать таблицу

Всем привет, ребят подскажите пожалуйста начинающему нубу, как создать на своём сайте таблицу подобную mcdonalds18.ru/ как тут, тоесть наводишь на позицию(бургер какой нить) а там вылазит картинка его, ну и цена рядом..подскажите как действовать пжл, сайт на html.
Lorein18 вне форума Ответить с цитированием
Старый 28.02.2013, 08:53   #2
Serge_Bliznykov
Старожил
 
Регистрация: 09.01.2008
Сообщений: 26,229
По умолчанию

я в HTML/Javascipt разбираюсь, как чукча в апельсинах, но, открыы исходный код страницы (сейчас все бразуеры умеют это делать), вижу,
что на каждой позиции на наведение мышки назначен скрипт:
Код HTML:
<tr><td id="bb" class="odin">     
  <span class="preview" 
             onmouseover="trailOn('images/preview/bigmac.jpg','Биг Мак ','543','240');" 
             onmouseout="trailOff();">Биг Мак</span>
       </td><td  class="odin">86</td>
       <td class="odin"><input type="text" size="4" maxlength="2" id="a1" 
       value="0" onkeyup="RecalcTotalPrice()" 
                    onmouseup="RecalcTotalPrice()"></td><td>
       <img onmouseover="this.src='images/minus1.png'" 
                    onmouseout="this.src='images/minus.png'"  
       onclick="if (document.getElementById('a1').value > 0)document.getElementById('a1').value--; 
       RecalcTotalPrice()" alt="Убрать"  src="images/minus.png"> 
             <img  onclick="document.getElementById('a1').value++;  
       RecalcTotalPrice()" alt="Добавить"  
               onmouseover="this.src='images/plus1.png'" onmouseout="this.src='images/plus.png'" 
       src="images/plus.png"></td></tr> 
а нужные скрипты trailOn / trailOff описаны в
Код HTML:
<script type="text/javascript" src="js/popup.js" charset="windows-1251"></script>
например:
Код HTML:
function trailOn(thumbimg,imgtitle,thw,thh) {
  if (ua.indexOf('mac') == -1) {
    gettrailobj().left="-700px";
    divthw = parseInt(thw) + 2;
    gettrailobject().innerHTML = '<div style="background-color: #DAE2E8; layer-background-color: #DAE2E8; border: 1px solid #ADBBCA; padding:5px; width: ' + divthw +'px; "><div style="background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px solid #ADBBCA;">'+'<img src="'+thumbimg+'" border="0"><div style="padding:3px; text-align:center">'+imgtitle+'</div></div></div>';
    gettrailobj().visibility="visible";
    divw = parseInt(thw)+20;
    divh = parseInt(thh)-1350;
    document.onmousemove=followmouse;
  }
}
Serge_Bliznykov вне форума Ответить с цитированием
Старый 28.02.2013, 11:41   #3
Cronos20
Форумчанин
 
Регистрация: 08.07.2010
Сообщений: 679
По умолчанию

Это называется tooltip
Возьмите любое готовое решение
Cronos20 вне форума Ответить с цитированием
Старый 28.02.2013, 13:27   #4
Lorein18
Новичок
Джуниор
 
Регистрация: 28.02.2013
Сообщений: 2
По умолчанию

спасибо за советы, сейчас буду пробовать
Lorein18 вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
как создать таблицу в QT Макарий Общие вопросы C/C++ 2 10.02.2013 15:08
КАК создать таблицу в MS Access Bep@nik@ Помощь студентам 4 14.06.2011 07:38
Как правильно создать таблицу. matrixphp SQL, базы данных 4 05.03.2011 18:28
Как создать таблицу BDE ? Даниил_глазко Помощь студентам 2 21.11.2010 11:28
Как создать таблицу в таблице?? Ntlegend Помощь студентам 1 14.05.2007 07:37