Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: podświetlenie lini
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
Lonas
hej, ma ktoś może gotowy skrypt który jeśli najade na link to podswietla cała linie

np mam :

imie nazwisko data adres itd..
i jeśli teraz najade na nazwisko bądzi imie czy cokolwiek to podświetli całą linie ?
mike
Jakę linię?
Sprecyzuj, bo jeśli chodz Ci o wiersz to możesz tak:
Kod
tr {
    background: #efefef;
}

tr:hover {
    background: #cdcdcd;
}


Można zrobić żeby :hover działało też dla badzIEwia. Było na forum juz klika razy, z czego raz w tym tygodniu.
Lonas
Hm to znaczy taki pasek żeby się pojawiał na całej długości wiersza, bo mam sporo danych i będzie łatwiej wybrać
mike
No to właśnie napisałem Ci jak masz zrobić, i to bez zbędnego JavaScriptu:
  1. <style type="text/css">
  2. tr {
  3. backrgound: #efefef;
  4. }
  5.  
  6. tr:hover {
  7. background: #cdcdcd;
  8. }
  9.  
  10.  
  11. <tr>
  12. <td>Jeden Jeden</td>
  13. <td>Jeden Dwa</td>
  14. <td>Jeden Trzy</td>
  15. </tr>
  16. <tr>
  17. <td>Dwa Jeden</td>
  18. <td>Dwa Dwa</td>
  19. <td>Dwa Trzy</td>
  20. </tr>
  21.  
  22. </body>
Lonas
Tak tylko że jeśli mam dane w tabeli ? smile.gif

to znaczy to i tak .. sprawa wygląda tak :
że w tabeli w komórkach mam kod php który wyciaga z bazy danych informacje
i wrzuca na ekran

  1. <?$query = "select odbiorca from faktura order by id desc LIMIT 100";
  2. $result = mysql_query($query);
  3. $num_results = mysql_num_rows($result);
  4. for ($i=0; $i <$num_results; $i++) {
  5. $row = mysql_fetch_array($result);
  6.  
  7. echo '<a href="pokaz_dane_kontrahent.php?kontrahent='.$row["odbiorca"].'">'.$row["odbiorca"].'</a>';
  8. print "<br> ";
  9.  
  10. }
  11.  
  12. ?>


i w każdej komórce obok siebie są dane .. że wygalda to
np imie naziwsko itd ,
i teraz żeby obojętnie na które nacisne podświetli się cały wiersz
Balas
CSS:
Kod
a.xxx { background-color: #ffffff; }
a.xxx:hover { background-color: #cccccc; }


  1. <a href="#" class="xxx">LINK</a>
Lonas
Tak działa, problem w tym że dane mam w tabeli i podświetla ten konkrety link a chciałbym żeby np cały wiesz tabeli podświetlany był, jest to do zrobienia ?
mike
~L.Pociask zacznij Ty myśleć, bo bez tego w życiu ciężko będziesz miał.
Dwa razy Ci już napisałem jak możesz zrobić.
Raz dałem podpowiedź, raz gotowca. A Ty nadal nie wiesz co się dzieje.

Tabeli w php nie potrafisz wygenerować?
W pętli wrzucasz <tr> i masz tabelę.

A podświetlanie po najechaniu masz 4 posty wyżej.
Lonas
Widzisz.. tak jak piszesz to pewnie działa ale u mnie troche inaczej to wygląda,

bo mam tabele w html i w komórkach kod php, tym samym jeśli wstawiam w style tr to po najechaniu na link podswietla mi się cała tablela html,

pytam cały czas bo nie chce przerabiać wszystkiego na nowo żeby tabela się generowała w php

  1. <td width="4%" height="13">
  2. <div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">
  3. <?$query = "select id from faktura order by id desc LIMIT 100";
  4. $result = mysql_query($query);
  5. $num_results = mysql_num_rows($result);
  6. for ($i=0; $i <$num_results; $i++) {
  7. $row = mysql_fetch_array($result);
  8.  
  9. echo '<a href="pokaz_dane.php?id_faktury='.$row["id"].'" >'.$row["id"].'</a>';
  10. print "<br> ";
  11.  
  12. }
  13.  
  14. ?>
  15. </font></div>
  16. </td>
mike
  1. <style type="text/css">
  2. table, a {
  3. font: normal 12px Verdana, Arial, Helvetica, sans-serif;
  4. text-decoration: none;
  5. }
  6.  
  7. a: hover{
  8. text-decoration: underline;
  9. }
  10.  
  11. tr {
  12. backrgound: #efefef;
  13. }
  14.  
  15. tr:hover {
  16. background: #cdcdcd;
  17. }
  18. </style>
  19.  
  20. <table>
  21. <?
  22.  
  23. $strQuery = 'SELECT id FROM faktura ORDER BY id DESC LIMIT 100';
  24. $resQueryResult = mysql_query( $strQuery );
  25.  
  26. while( $arrRow == mysql_fetch_array( $resQueryResult ) )
  27. {
  28. echo '<tr>';
  29. echo '<td><a href="pokaz_dane.php?id_faktury=' . $row[ 'id' ] . '" >' . $row[ 'id'] . '</a></td>';
  30. echo '</tr>';
  31. }
  32.  
  33. ?>
  34. </table>


Nie testowałem tego, ale powinno działać.
Lonas
A czy nie ma prostszego sposóbu żeby przy linku dać poprostu skrypt który w którym wpisze jaki pasek ekranu ma być podswietlony ?
coś w stylu.. tylko żeby było dopisane wielkość i wysokośc paska ?


<onmouseOver="this.style.backgroundColor='#C0C0C0'" onmouseOut="this.style.backgroundColor=''">
lenczewski
przecież teraz sam komplikujesz. Dostaeś przeciez gotowe rozwiązanie. Jeżli chcesz jeszcze:
http://forum.php.pl/index.php?showtopic=42041&hl=hover
Lonas
Ok dzieki za pomoc smile.gif przerobie to żeby się w php sama tab generowała
Balas
To pokaz reszte kodu :?
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.