Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS][PHP]Dymek/Podpowiedź nad tekstem właściwym
Forum PHP.pl > Forum > Przedszkole
eurosoft
Witam,

mam problem ze znalezieniem odpowiedniego rozwiązania dla mojego problemu. Mam tabelę z danymi, dane są pobierane z SQL w takiej formie:

  1. ........
  2. {
  3. echo "<table width=60% border=1 cellspacing=0 cellpadding=1 bgcolor=#ADB79E bordercolor=#FFFFFF>";
  4. echo "<tr>";
  5. echo "<th>L.p.</th>";
  6. echo "<th>Rodzaj</th>";
  7. echo "<th>Nr</th>";
  8. echo "<th>Miejsce</th>";
  9. echo "<th>Data</th>";
  10. echo "<th colspan=2>Wielkość/Typ</th>";
  11. echo "<th>Nazwisko oraz Imię</th>";
  12.  
  13. $i = 0;
  14. $k = $from;
  15. while($r = mysql_fetch_array($result) AND $z = mysql_fetch_array($result1))
  16. {
  17. $i++;
  18. $k++;
  19. echo "<tr>";
  20. echo '<tr style="'.($i%2==0?'background-color: #CCCCCE;':'background-color: #DEE0E2;').'">';
  21. echo "<td width=30 align=center>".$k."</td>";
  22. echo "<td width=150>".$r[1]."</td>";
  23. echo "<td width=80 align=center>".$r[9]."</td>";
  24. echo "<td width=80 align=center>".$r[3]."</td>";
  25. echo "<td width=80 align=center>".$r[4]."</td>";
  26. echo "<td width=140 align=center>".$z[3].'<br>'.$z[4].'<br>'.$z[5]."</td>";
  27. echo "<td width=40 align=center>".$z[6].'<br>'.$z[7].'<br>'.$z[8]."</td>";
  28. echo "<td width=180 align=center>".$z[10]."</td>";
  29. echo "</tr></form>";
  30. }
  31. echo "</table></div>";
  32. }
  33. ........


Pole Rodzaj jest w bazie zapisywane jako numer oraz opis teraz w tabeli mam pokazany tylko numer (obis bywa długi stąd niechciałbym wypełniać nim tabelki), jak zrobić aby po najechaniu kursorem na dana krotkę w np. "dymku" pojawiał się opis.?

Dziękuję za mędre porady
Łączę Wszystkim Forumowiczom Spokojnych, Wesołych Świąt i Mokrego Dyngusa!

Ulysess
<span class="reek_info_player_a">Tekst<span class="reek_info_player_b">Tekst w dymku</span></span>

CSS:
  1. span.reek_info_player_a
  2. span.reek_info_player_b {
  3. display: none;
  4. padding: 2px 3px;
  5. margin-left: 8px;
  6. width: 220px;
  7. height: 100px;
  8. }
  9.  
  10. span.reek_info_player_a:hover
  11. span.reek_info_player_b {
  12. display: inline;
  13. position: absolute;
  14. margin: 15px 0 0 10px;
  15. background: #211009;
  16. border: 1px solid #FFFFFF;
  17. color: #cbc441;
  18. text-align: left;
  19. font-weight: bold;
  20. }

ozywiscie ostyluj sobie jak tam chcesz ale dzialanie masz smile.gif
mam nadzieje że będziesz wiedział jak to zastosować u siebie snitch.gif

PS nie mozesz uzyc JOINa do pobrania z 2 tabel danych tylko robic taka dziwną petle while ?:|
nospor
Pomijając już rozwiązanie poprzednika to to co chcesz zrobić nazywa się TOOLTIP. W necie jest masa rzeczy do tego. Masa przykładów.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.