Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript]Zaznaczanie wiersza tabeli
lubiemdziem
post
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
 
Start new topic
Odpowiedzi
kamil4u
post
Post #2





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

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


Chcesz gotowca czy trochę pomyśleć i sam to zrobić? - pytam, bo nie wiem czy mam opisywać wszystko krok po kroku czy po prostu dać Ci gotowy kod.
O jeszcze takie pytanie: w całości rozumiesz powyższy kod?

Praktycznie wszystko masz napisane. Wystarczy trochę przekopiować/pozamieniać i będzie gitara (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 6.10.2025 - 02:10