За последние 24 часа нас посетил 19981 программист и 1694 робота. Сейчас ищут 1686 программистов ...

При наведении на ячейку выводится всплывающаяя подсказка

Тема в разделе "HTML и CSS", создана пользователем AlexZ, 23 мар 2009.

Статус темы:
Закрыта.
  1. AlexZ

    AlexZ Активный пользователь

    С нами с:
    23 мар 2009
    Сообщения:
    64
    Симпатии:
    0
    Здравствуйте вопрос простой, но не смог найти конкретной инфы.

    Есть таблица:
    HTML:
    1. <table width="717" border="0">
    2. <tr>
    3. <td ><p class="tt">
    4. При наведение курсора на <a class="tooltip" href="#">этот текст<span class="hovertip">Вот и всплывающая подсказка</span></a> появится всплывающая подсказка.
    5. </p></td><tr>
    Вопрос в том, как сделать при помощи OnMouseOver, чтобы всплывающая подсказка появлялась при наведении на ячейку, а не на текст внутри нее?
    А также как внести все это в цикл(в примере ниже всплывающая подсказка не выводится)? ,Т.Е. мне надо чтобы всплываюющая подсказка выводилась для каждой ячейки.

    PHP:
    1. <style type="text/css">
    2. .hovertip {
    3.     position: absolute;
    4.     display: none; /* in case javascript is disabled */
    5.     width: 270px;
    6.     height:350px;
    7.     background: url('sub-bg.png') no-repeat;
    8.     font-size: 10px;
    9.     z-index: 100;
    10.     margin-left: 5px;
    11.     margin-top: 10px;
    12.     }
    13. p.tt {position: relative;}
    14. a.tooltip:hover {background: #FFFFFF; text-decoration:none; }
    15. a.tooltip span { display:none; width:250px; text-align: left; }
    16. a.tooltip:hover span { display:block; position:absolute; z-index: 100; top: 10px; left: 200px; background: url('sub-bg.png') no-repeat; color:#3A3A3A; }
    17. </style>
    18. <?php
    19.  
    20.    $db = new mysqli('localhost', 'root', '', 'baze');
    21.    if (!$db){echo "not connected!!!";}
    22. else
    23. {
    24.   echo '<table border="0">';
    25.   for($a=1;$a<=50;$a++){
    26.     echo '<tr id="'.$a.'">';
    27.     for($b=1;$b<=50;$b++){
    28.     $query = 'select * from table where ids = "'.$a.'.'.$b.'"';
    29.     $result = $db->query ($query);
    30.     $row = $result->fetch_assoc();
    31.      $row['colours'];
    32.     $colours = $row['colours'];
    33.      echo '<td height="10" width="10" style="font-size:5" bgcolor="'.$colours.'" id="'.$a.'.'.$b.'">';?>
    34.     <p class="tt">
    35.  <a class="tooltip" href="#">3123<span class="hovertip"></span></a>
    36. </p>
    37.     <? echo '</td>';
    38.      }
    39.     echo '</tr>';
    40.   }
    41.   echo '</table>';
    42.   }
     
  2. AlexZ

    AlexZ Активный пользователь

    С нами с:
    23 мар 2009
    Сообщения:
    64
    Симпатии:
    0
    Тема закрыта.
    Причина: сам разобрался
     
Статус темы:
Закрыта.