[jQuery] klik to podświetl wiersz click again odznacz

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

[jQuery] klik to podświetl wiersz click again odznacz, //ROZWIĄZANY

john_doe Zobacz profil	4.06.2010, 10:24:24 Post #1
Grupa: Zarejestrowani Postów: 873 Pomógł: 25 Dołączył: 24.07.2005 Ostrzeżenie: (0%)	//ROZWIĄZANIE zamiast $(this).addClass('click'); należy $(this).toggleClass('click'); drugie starcie z jQuery napisałem prosty kod, i teraz nie wiem jak dopisać by po drugim kliknięciu odznaczyło mi row tabeli [HTML] pobierz, plaintext <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>j query</title> <style type="text/css"> #mytable { border: 1px solid black; } #mytable th, #mytable td { border: 1px solid #000; padding: 3px; } #mytable tr.highlight { background-color: #b02329; } #mytable tr.click { background-color: yellow; } </style> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(function() { $('#mytable tr').hover( function() { $(this).addClass('highlight'); }, function() { $(this).removeClass('highlight'); }) }); $(function() { $('#mytable tr').click( function() { $(this).addClass('click'); } ) } ); </script> </head> <body> <table id="mytable"> <tr> <td>lorem ipsum stabat</td> <td>lorem ipsum stabat</td> <td>lorem ipsum stabat</td> </tr> <tr> <td>lorem ipsum stabat</td> <td>lorem ipsum stabat</td> <td>lorem ipsum stabat</td> </tr> <tr> <td>lorem ipsum stabat</td> <td>lorem ipsum stabat</td> <td>lorem ipsum stabat</td> </tr> <tr> <td>lorem ipsum stabat</td> <td>lorem ipsum stabat</td> <td>lorem ipsum stabat</td> </tr> </table> </body> </html> [HTML] pobierz, plaintext Ten post edytował john_doe 4.06.2010, 10:26:58