Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]Podswietlenie calego wiersza tabeli
Forum PHP.pl > Forum > Przedszkole
djtomaszq
Po kliknięciu na wynik meczu w jq chciałbym żeby cały wiersz z tym wynikiem (nr, zespol 1 i zespol 2 i wynik) się podswietlily i dodatkowo wysunął się div raport.

Z kodu poniżej tylko ten element sie swieci na który najadę i do tego jak z niego "zejde" kolor zostaje..


  1. <table>
  2. <tr>
  3. <td>1.</td><td>Legia</td><td>2:1</td><td>Lech</td>
  4. </tr>
  5.  
  6. <tr>
  7. <td>1.</td><td>Wisła</td><td>2:2</td><td>Ruch</td>
  8. </tr>
  9. </table>
  10.  
  11. <div id="raport">Strzelcy:</div>


  1. $(document).ready(function()
  2. {
  3. $("td").hover(function()
  4. {
  5. $(this).css("background-color","red");
  6. });
  7. });
Pyton_000
http://jsfiddle.net/owg0rcm6/
kafowi
http://jsfiddle.net/kafowi/owg0rcm6/2/
djtomaszq
No ok fajnie ale chciałbym żeby TYLKO po najechaniu na komórkę z wynikiem palil sie ten cały wiersz a po kliknięciu jej dopiero wysuwa się dolny div
kapslokk
http://jsfiddle.net/owg0rcm6/3/
djtomaszq
Może źle tłumacze. Napisze krok po kroku
1. Najeżdżam myszką na KOMÓRKĘ z TYLKO wynikiem i wtedy pali się cały ten wiersz ale jak najade na inna komórke tego wiersza to się nie pali a przy tym kodzie się pali.
2. Klikam w wynik i wtedy na stałe pali się cały wiersz dodatkowo otwiera się div niżej.
3. Jak kliknę jeszcze raz ten wynik to div się chowa a wiersz już się na stałe nie pali.
Pyton_000
A nie można było od razu napisać czego chcesz tylko trzeba się domyślać? Wróżki tu nie pracują....
djtomaszq
Przepraszam. Nauczę się lepiej opisywać.
I małe pytanie dodatkowe. Jak zrobić żeby.. mam 4 wiersze tr i w każdym po 3 <td> jak klikam w 2gi <td> z pierwszego wiersza to otwiera mi się jakis div, jak klikam także w 2gi <td> ale już z wiersza niżej to otwiera mi się inny div itd z wierszami 3cim, 4tym...?
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.