Jak ukryć wiersze lub kolumny w tabeli?, Show/Hide Opcje

[Wave]

Mam problem ponieważ metoda na ukrywanie DIVów nie działa z elementami tabeli, a przypisywanie id każdej komórce jest męczące, więc jak ukryć TYLKO taki kawałek kodu:

[HTML] pobierz, plaintext 
...
<tr> 
<td></td>
<td></td>
<td></td> ...
</tr>
<tr> 
<td></td>
</tr>
<tr> 
<td></td>
</tr>
...
[HTML] pobierz, plaintext 

Ma ktoś jakiś pomysł?

[Zajec]

Na początek poczytaj o strukturze tabel. Bo temat nie jest Ci chyba znany :?

Ja bym każdemu wierszowi, który chcesz ukryć nadał jakiś class, a potem skryptem JS wyszukał wszystkie tr i te, które mają odpowiedni className ukrył poprzez nadanie display: none;

[Wave]

Na początek poczytaj o strukturze tabel. Bo temat nie jest Ci chyba znany :?

Co masz na myśli?

Po drugie gdybym wiedział jaki kod w js napisać to bym się tu nie pytał, więc może podasz przykład.

[revyag]

Kod

<script type="text/javascript">
function sh(){
    var trs = document.getElementsByTagName("tr");
    for(i=0;i<trs.length;i++){
        if(trs[i].className=="h"){
            if(trs[i].style.display=='none') trs[i].style.display='block';
            else trs[i].style.display='none';
        }
    }
}
</script>

Przykład:

[HTML] pobierz, plaintext 
<table width="190" >
<tr>
    <td>1</td>
</tr>
<tr class="h">
    <td>aaa</td>
</tr>
<tr class="h">
    <td>bbb</td>
</tr>
<tr class="h">
    <td>cccc</td>
</tr>
<tr>
    <td>2</td>
</tr>
</table>
<button onclick="sh()">but</button>
[HTML] pobierz, plaintext 

[Wave]

Wielkie dzięki.

[Zajec]

Na początek poczytaj o strukturze tabel. Bo temat nie jest Ci chyba znany :?

Co masz na myśli?

Każdy wiersz musi mieć tyle samo komórek. Ewentualnie możesz łaczyć komórki za pomocą colspan/rowspan. Jeżeli dobrze o tym wiedziałeś to sorki, ale wolałem uprzedzić, zebyś w jakimś poważnym projekcie przypadkiem takiej gafy nie strzelił :-)

Po drugie gdybym wiedział jaki kod w js napisać to bym się tu nie pytał, więc może podasz przykład.

Trochę się tu zmieniło od mojej ostatniej aktywności... Wtedy wymagano samodzielnej "pracy"

Kod

<script type="text/javascript">
function sh(){
   var trs = document.getElementsByTagName("tr");
   for(i=0;i<trs.length;i++){
       if(trs[i].className=="h"){
           if(trs[i].style.display=='none') trs[i].style.display='block';
           else trs[i].style.display='none';
       }
   }
}
</script>

Skrypt ogólnie dobry, tylko może się kaszanić w bardziej sztywno-standardowych przeglądarkach. Jeśli chcesz uzyskać ponownie pojawienie się wiersza, należy przywrócić mu poprzednią wartość "display". Ty dałeś "block", a wiersz tabelki nie jest elementem blokowym.

Należy zamienić
='block';
na:

='table-row';
lub
='';

Wybór należy do Ciebie.

Ten post edytował Zajec 29.04.2005, 16:13:25

[Wave]

1. Dobrze że sam nie musiałem Ci przypominać o rowspanach. :]
2. Z tego co sam próbowałem napisać puste ciapki nie działały (tylko 'block').

[Zajec]

2. Z tego co sam próbowałem napisać puste ciapki nie działały (tylko 'block').

Hm, a jak z 'table-row'? Powinno chyba działać: http://www.w3.org/TR/REC-CSS2/visuren.html#display-prop

Bo teraz imitujesz coś w stylu:

Kod

<table>
<tr>
<td></td>
<td></td>
</tr>
<div>
<td></td>
<td></td>
</div>
</table>

Ten post edytował Zajec 30.04.2005, 08:13:11

[Dex1987]

czemu na Mozilli FF po kilku kliknieciach dodaje sie spacja? :/ Jak temu zaradzic?

[Zajec]

czemu na Mozilli FF po kilku kliknieciach dodaje sie spacja? :/ Jak temu zaradzic?

Możesz podać adres strory? Choć obawiam się, że może to być kwestia silnika

[Dex1987]

po co Ci adres strony?

[HTML] pobierz, plaintext 
<script type="text/javascript">
 
function sh() {
 
         var trs = document.getElementsByTagName("tr");
 
         for (i=0; i<trs.length; i++) {
 
              if (trs[i].className=="h") {
 
                  if (trs[i].style.display=='none') {
 
                      trs[i].style.display='block';
 
                  } else { 
 
                      trs[i].style.display='none';
                  }
              }
         }
}
 
</script>
 
 
<table border="1" width="190" >
<tr>
<td>1</td>
</tr>
<tr class="h">
<td>aaa</td>
</tr>
<tr class="h">
<td>bbb</td>
</tr>
<tr class="h">
<td>cccc</td>
</tr>
<tr>
<td>2</td>
</tr>
</table>
<a href="#" onclick="sh()">but</a>
[HTML] pobierz, plaintext 

Otworz przez FF i bedziesz widzial.

[Zajec]

po co Ci adres strony?

Otworz przez FF i bedziesz widzial.

Bo niektórym można tłumaczyć nie wiadomo ile, a i tak nie posłuchają.

http://forum.php.pl/index.php?showtopic=29...ndpost&p=171087