Kodları lütfen aşağıdaki butonları kullanarak renklendirin. Örnek: <php> echo "Selam Dünya"; </php>
Yardım
karakter kaldı

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

bir tablom var her satırına id verdim tr1 , tr2 gibi(başka bir fonksiyon için gerekli)
şimdi bir butona tıklayarak tüm satırları gösterip gizleyen bir javascript kodu arıyorum
yardımcı olacak arkadaşlara şimdiden teşekkürler
+0
-0
Cevaba KatılıyorumKatılmıyorum
Cevap Yaz Yorum Yaz Arşivime Ekle Takip Et

Cevaplar

  • nuknettin adlı üyenin fotoğrafı
    10 yıl önce yazılmış
    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">
    
    <!-- tablo buraya gelecek -->
    
    </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 adlı üyenin fotoğrafı 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
      10 yıl önce yazılmış
  • freefox adlı üyenin fotoğrafı
    10 yıl önce yazılmış
    37 cevap - 21 soru
    dostum şu adreste istediğin gibi bişey yazdım. görebilirsin.
    http://jsfiddle.net/zYKzb/
  • 1
    protest adlı üyenin fotoğrafı
    10 yıl önce yazılmış
    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.
  • madpoet adlı üyenin fotoğrafı
    10 yıl önce yazılmış
    84 cevap - 1 soru
    jQuery şiddetle tavsiye edilir:

    $('#table_id tr').toggle();
    
    • imeilim adlı üyenin fotoğrafı 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
      10 yıl önce yazılmış
    • nuknettin adlı üyenin fotoğrafı 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>
      
      10 yıl önce yazılmış