Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][PHP] Zmiana tła wiersza, nie komórki
Forum PHP.pl > Forum > Przedszkole
desavil
Witam mam taką tabele:
  1. <table width="854" class="ranking1">
  2. <tr>
  3. <td bgcolor="#3082AF" width="37">
  4. <center><b><font color="#FFFFFF">L/P</font></b><center>
  5. </td>
  6. <td bgcolor="#3082AF">
  7. <center><b><font color="#FFFFFF">NAZWA</font></b><center>
  8. </td>
  9. <td bgcolor="#3082AF" width="165">
  10. <center><b><font color="#FFFFFF">LICZBA</font></b><center>
  11. </td>
  12. <td bgcolor="#3082AF" width="382">
  13. <center><b><font color="#FFFFFF">TEXT</font></b><center>
  14. </td>
  15. <td bgcolor="#3082AF" width="77">
  16. <center><b><font color="#FFFFFF">URL</font></b><center>
  17. </td>
  18. </tr>
  19. <tr>
  20. <td height=\"25\" style=\"border: 1px solid #EBEBEB; font-size:12px; border-collapse: collapse;\" bgcolor='$wyroznienie2' align=\"center\" width=\"37\">".$lp."</td>
  21. <td style=\"border: 1px solid #EBEBEB; font-size:12px; border-collapse: collapse;\" bgcolor='$wyroznienie2' align=\"center\"><a href=\"index.php?nazwa=$row[nazwa]\"><b>".$row[nazwa]."</b></a></td>
  22. <td style=\"border: 1px solid #EBEBEB; font-size:12px; border-collapse: collapse;\" bgcolor='$wyroznienie2' width=\"165\" align=\"center\"><center><b>".$row[liczba]."</b></center></td>
  23. <td style=\"border: 1px solid #EBEBEB; font-size:12px; border-collapse: collapse;\" bgcolor='$wyroznienie2' width=\"382\" align=\"center\"> ".substr($row[text], 0, 50)."</td>
  24. <td style=\"border: 1px solid #EBEBEB; font-size:12px; border-collapse: collapse;\" bgcolor='$wyroznienie2' width=\"77\" align=\"center\"><a href=".$row[serw]."><center><img border=\"0\" src=\"../images/winamp_logo.png\"></center></a></td></tr>


I chciałbym aby po najechaniu myszką na dany wiersz NIE KOMÓRKĘ zmieniało się jej tło wiem, że do tego wykorzystuje się takie funkcje jak:
  1. onMouseOver=this.style.background="#FFFFCC"
  2. onMouseOut=this.style.background='$wyroznienie2'


Ale gdzie je poprawnie umieścić aby zmieniało się tło całego wiersza nie komórki czyli tego:
  1. [<tr>
  2. <td height=\"25\" style=\"border: 1px solid #EBEBEB; font-size:12px; border-collapse: collapse;\" bgcolor='$wyroznienie2' align=\"center\" width=\"37\">".$lp."</td>
  3. <td style=\"border: 1px solid #EBEBEB; font-size:12px; border-collapse: collapse;\" bgcolor='$wyroznienie2' align=\"center\"><a href=\"index.php?nazwa=$row[nazwa]\"><b>".$row[nazwa]."</b></a></td>
  4. <td style=\"border: 1px solid #EBEBEB; font-size:12px; border-collapse: collapse;\" bgcolor='$wyroznienie2' width=\"165\" align=\"center\"><center><b>".$row[liczba]."</b></center></td>
  5. <td style=\"border: 1px solid #EBEBEB; font-size:12px; border-collapse: collapse;\" bgcolor='$wyroznienie2' width=\"382\" align=\"center\"> ".substr($row[text], 0, 50)."</td>
  6. <td style=\"border: 1px solid #EBEBEB; font-size:12px; border-collapse: collapse;\" bgcolor='$wyroznienie2' width=\"77\" align=\"center\"><a href=".$row[serw]."><center><img border=\"0\" src=\"../images/winamp_logo.png\"></center></a></td></tr>
MateuszS
do <tr> JS dajesz


<tr onMouseOver="this.style.background=#FFFFCC;" onMouseOut="this.style.background='<? echo $wyroznienie2; ?>';">

</tr>
askone
Hej

A może lepiej pomyśleć i wszystkie style wrzucić do osobnego pliku i dać odpowiednie deklaracje onhover? Rozwiązanie bardziej Proff smile.gif

Pozdro
desavil
Dzięki, działa masz od mnie "+"
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.