Forum PHP.pl > [JavaScript]Pokazywanie/ukrywanie wierszy w tabeli

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]Pokazywanie/ukrywanie wierszy w tabeli

Xelix

14.09.2011, 14:38:38

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

Tak wygląda moja tabela:

[HTML] pobierz, plaintext 
<table border=1>
  <tr><td>  1</td><td>   one</td><td>     un</td><td>     eins</td></tr>
  <tr><td>  2</td><td>   two</td><td>   deux</td><td>     zwei</td></tr>
  <tr><td>  3</td><td> three</td><td>  trois</td><td>     drei</td></tr>
  <tr><td>  4</td><td>  four</td><td>quattre</td><td>     vier</td></tr>
  <tr><td>  5</td><td>  five</td><td>   cinq</td><td>f&uuml;nf</td></tr>
  <tr><td>  6</td><td>   six</td><td>    six</td><td>    sechs</td></tr>
</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 
<html>
<head>
<script>
 
  function show_hide_column(col_no, do_show) {
 
    var stl;
    if (do_show) stl = 'block'
    else         stl = 'none';
 
    var tbl  = document.getElementById('id_of_table');
    var rows = tbl.getElementsByTagName('tr');
 
    for (var row=0; row<rows.length;row++) {
      var cels = rows[row].getElementsByTagName('td')
      cels[col_no].style.display=stl;
    }
  }
 
</script>
 
</head>
<body>
 
<table id='id_of_table' border=1>
  <tr><td>  1</td><td>   one</td><td>     un</td><td>     eins</td></tr>
  <tr><td>  2</td><td>   two</td><td>   deux</td><td>     zwei</td></tr>
  <tr><td>  3</td><td> three</td><td>  trois</td><td>     drei</td></tr>
  <tr><td>  4</td><td>  four</td><td>quattre</td><td>     vier</td></tr>
  <tr><td>  5</td><td>  five</td><td>   cinq</td><td>f&uuml;nf</td></tr>
  <tr><td>  6</td><td>   six</td><td>    six</td><td>    sechs</td></tr>
</table>
 
 
<form>
 
  Enter column no: <input type='text' name=col_no>
  <br>             <input type='button' onClick='java script:show_hide_column(col_no.value,  true);' value='show'>
                   <input type='button' onClick='java script:show_hide_column(col_no.value, false);' value='hide'>
 
</form>
[PHP] pobierz, plaintext

Może ktoś będzie się na nim wzorował lub coś

Rid

14.09.2011, 15:02:51

Można by dodać pseudo klasę do znaczników ,które chcesz ukryć i za pomocą tej klasy w jquery je ukrywać lub pokazywać.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.