Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript]Pokazywanie/ukrywanie wierszy w tabeli
Xelix
post
Post #1





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 16.12.2010

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

Prosił bym aby ktoś mi napisał lub pomógł napisac ten skrypt

Tak wygląda moja tabela:
[HTML] pobierz, plaintext 
  1. <table border=1>
  2.   <tr><td>  1</td><td>   one</td><td>     un</td><td>     eins</td></tr>
  3.   <tr><td>  2</td><td>   two</td><td>   deux</td><td>     zwei</td></tr>
  4.   <tr><td>  3</td><td> three</td><td>  trois</td><td>     drei</td></tr>
  5.   <tr><td>  4</td><td>  four</td><td>quattre</td><td>     vier</td></tr>
  6.   <tr><td>  5</td><td>  five</td><td>   cinq</td><td>f&uuml;nf</td></tr>
  7.   <tr><td>  6</td><td>   six</td><td>    six</td><td>    sechs</td></tr>
  8. </table>
[HTML] pobierz, plaintext


I prosił bym aby te cyfry 1; 2; 3; 4; 5; 6; były ciagle na pokazane, a reszte by się otwierało za pomocą przycisków tabeli <th>.

Znalazłem w necie skrypt na pokazywanie/ukrywanie kolumn, a nie wierszy
Oto skrypt:
[PHP] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <script>
  4.  
  5.   function show_hide_column(col_no, do_show) {
  6.  
  7.     var stl;
  8.     if (do_show) stl = 'block'
  9.     else         stl = 'none';
  10.  
  11.     var tbl  = document.getElementById('id_of_table');
  12.     var rows = tbl.getElementsByTagName('tr');
  13.  
  14.     for (var row=0; row<rows.length;row++) {
  15.       var cels = rows[row].getElementsByTagName('td')
  16.       cels[col_no].style.display=stl;
  17.     }
  18.   }
  19.  
  20. </script>
  21.  
  22. </head>
  23. <body>
  24.  
  25. <table id='id_of_table' border=1>
  26.   <tr><td>  1</td><td>   one</td><td>     un</td><td>     eins</td></tr>
  27.   <tr><td>  2</td><td>   two</td><td>   deux</td><td>     zwei</td></tr>
  28.   <tr><td>  3</td><td> three</td><td>  trois</td><td>     drei</td></tr>
  29.   <tr><td>  4</td><td>  four</td><td>quattre</td><td>     vier</td></tr>
  30.   <tr><td>  5</td><td>  five</td><td>   cinq</td><td>f&uuml;nf</td></tr>
  31.   <tr><td>  6</td><td>   six</td><td>    six</td><td>    sechs</td></tr>
  32. </table>
  33.  
  34.  
  35. <form>
  36.  
  37.   Enter column no: <input type='text' name=col_no>
  38.   <br>             <input type='button' onClick='java script:show_hide_column(col_no.value,  true);' value='show'>
  39.                    <input type='button' onClick='java script:show_hide_column(col_no.value, false);' value='hide'>
  40.  
  41. </form>
[PHP] pobierz, plaintext


Może ktoś będzie się na nim wzorował lub coś (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 1)
Rid
post
Post #2





Grupa: Zarejestrowani
Postów: 715
Pomógł: 47
Dołączył: 5.12.2010

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

Można by dodać pseudo klasę do znaczników ,które chcesz ukryć i za pomocą tej klasy w jquery je ukrywać lub pokazywać.
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

RSS Aktualny czas: 23.08.2025 - 06:45
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn