Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript][jquery] Zmiana kolorów
arzach
post 31.07.2010, 15:30:52
Post #1





Grupa: Zarejestrowani
Postów: 332
Pomógł: 6
Dołączył: 27.11.2008

Ostrzeżenie: (0%)
-----

Witam próbuje napisać prosty kod js, który po najechaniu na komórkę tabeli ma się podświetlić na czerwono a po opuszczeniu ma się zrobić normalna. I to potrafię zrobić, ale gdy chce zrobić ze, gdy najadę na komórkę to ma się zmienić na czerwono i gdy kliknę ma pozostać czerwona. Gdy kliknę na tą samo komórkę drugi raz ma kolor zniknąć i się tylko podświetlać po najechaniu. Mam nadzieje ze rozumiecie, o co mi chodzi i napisałem taki kod, lecz on nie działa tak jak chce. Proszę o wskazówki jak to wykonać.
[JAVASCRIPT] pobierz, plaintext 
  1. <html>
  2. <head>
  3.   <script src="http://code.jquery.com/jquery-latest.js"></script>
  4. <script>
  5. $(document).ready(function()
  6. { 
  7.   $("table").find("td").hover(function () 
  8.   {
  9.     $(this).css('background-color', 'red'); 
  10.   }, function () 
  11.   {
  12.     $(this).toggle(function() 
  13.   {
  14.     $(this).css('background-color', 'red'); 
  15.   }, function() 
  16.   {
  17.     $(this).css('background-color', ''); 
  18.   });
  19.   });
  20. }); 
  21. </script>
  22. </head>
  23. <body>
  24.  
  25. <table cellpadding="20" align="center">
  26. <tr>
  27. 	<td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td>
  28. </tr>
  29. </table>
  30.  
  31.  
  32. </body>
  33. </html>
[JAVASCRIPT] pobierz, plaintext
Go to the top of the page
+Quote Post
Wicepsik
post 31.07.2010, 15:50:49
Post #2





Grupa: Zarejestrowani
Postów: 1 575
Pomógł: 299
Dołączył: 26.03.2009

Ostrzeżenie: (20%)
X----

http://api.jquery.com/click/


--------------------
Manual .:. Google
Go to the top of the page
+Quote Post
thomson89
post 31.07.2010, 17:07:57
Post #3





Grupa: Zarejestrowani
Postów: 1 178
Pomógł: 51
Dołączył: 7.01.2009
Skąd: Gdańsk

Ostrzeżenie: (0%)
-----

Dodajesz taki sam blok kodu, tylko z funkcją click(). Po kliknięciu zmieniasz KLASĘ na czerwoną i dodajesz warunek który sprawdza czy klasa ta nie jest już czerwona. Jak jest, to ją usuwasz jak nie to zmieniasz.

Proste, prawda?


--------------------
Sklep 70%
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 03:44
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn