tablonun tüm satırlarını gösterip gizleyen bir jav...

Cevaplar

11 yıl önce yazılmış

nuknettin

6 cevap - 1 soru
jquery ile tablonu açıp kapatabilirsin öncelikle jquery kodunu sayfanın başına ekle sonra
aşağıdaki <div id="tablo" rel="aktif"> </div> içine tablonu yapıştır.
```
<a href="#" id="link">Tabloyu gizle</a>
<div id="tablo" rel="aktif">



</div>
```
```
<script type="text/javascript">
$('#link').click(function () {
        if ($(this).attr('rel') == 'aktif') {
            $('#tablo').slideUp();
        }
        else { 
           $('#tablo').slideDown();
           $(this).attr('rel').text('');
        } 
    });
</script>
```
denemedim ama sonucu yazabilirsin
- imeilim
  cevap için teşekkürler
  ancak bana javascript kodu lazım
  bir de tabloyu değil de satırları gizleyip göstermek istiyorum
  
  11 yıl önce yazılmış
11 yıl önce yazılmış

freefox

37 cevap - 21 soru

dostum şu adreste istediğin gibi bişey yazdım. görebilirsin.
http://jsfiddle.net/zYKzb/
1

11 yıl önce yazılmış

protest

32 cevap - 6 soru
hocam,
```
$("#tr1").slideup();
```
veya
```
$("#tr1").toggle();
```
denediniz mi?

tr de işe yarıyor mu bilmiyorum ama bormalde bunlar çalışması lzım.

bir de mumkun olacaksa, <table> değil de başka bir şekilde çözerseniz daha iyi olabililir

<tr id="tr1"><td></td>...<td></td></tr>
yerine
<ul id="id1"><li></li>...<li></li></ul>
kullanırsan daha iyi sonucelde edebilirsin.
11 yıl önce yazılmış

madpoet

84 cevap - 1 soru
jQuery şiddetle tavsiye edilir:
```
$('#table_id tr').toggle();
```
- imeilim
  Acemiyim de tam olarak yazar mısınız kodların bütünün bir de sayfa başına hangi ajax linkini yazıyoruz
  
  11 yıl önce yazılmış
- nuknettin
  sayfanın <head></head> tagları arasında biryere aşağıdaki kodu eklersen çalışacaktır.
  button_id yazan yere tıklayacağın alanın id sini
  tablo id yazan yere ise tablo id ni yazacaksın
  
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript"> $('#button_id').click(function(){ $('#tablo_id tr').toggle(); }); </script>
  11 yıl önce yazılmış

imeilim

tablonun tüm satırlarını gösterip gizleyen bir javascript kodu

Cevaplar