Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript]Zaznaczanie wiersza tabeli
lubiemdziem
post 5.02.2013, 14:33:32
Post #1





Grupa: Zarejestrowani
Postów: 28
Pomógł: 0
Dołączył: 13.06.2008

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


Witam, jestem kompletnym laikiem w JS. Znalazłem skrypt na zaznaczanie wiersza, tylko, że nie działa tak jak chcę. Chcę zaznaczać wiele wierszy na raz (spoko, to łatwe. Wywalić funkcję clearSelection), ale jak odznaczyć wiersz po ponownym kliknięciu?


Tu kod:

  1.  
  2. <style type="text/css">
  3. .highlight {
  4. background:red;
  5. }
  6.  
  7. <script type="text/javascript">
  8. var selectedClass='highlight';
  9. var selectedRow=null;
  10. function selectRow(row){
  11. clearSelection();
  12. row.className += " "+selectedClass;
  13. selectedRow=row;
  14.  
  15. }
  16. function clearSelection(){
  17. var reg = new RegExp('(\\s|^)'+selectedClass+'(\\s|$)');
  18. if(selectedRow!=null) selectedRow.className=selectedRow.className.replace(reg,' ');
  19. }
  20.  
  21. <title>Table</title>
  22.  
  23. </head>
  24.  
  25. <tr onClick="selectRow(this)"><td>1</td><td>2</td></tr>
  26. <tr onClick="selectRow(this)"><td>3</td><td>4</td></tr>
  27. <tr onClick="selectRow(this)"><td>5</td><td>5</td></tr>
  28. <tr onClick="selectRow(this)"><td>6</td><td>7</td></tr>
  29.  
  30. </body>
  31. </html>



Pozdrawiam.
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Wersja Lo-Fi Aktualny czas: 19.07.2025 - 09:34