Merhaba;

Javascript'te tablodaki satırların arkaplanını setinterval kullanarak sırası ile değiştirmeye çalışıyorum ama bir türlü beceremedim.

Kodlarım;

HTML Tarafı:

<table id="table">
<tr>
    <td>AAA11</td>
    <td>BBB11</td>
</tr>
<tr>
    <td>AAA22</td>
    <td>BBB22</td>
</tr> 
<tr>
    <td>AAA33</td>
    <td>BBB33</td>
</tr> 
<tr>
    <td>AAA44</td>
    <td>BBB44</td>
</tr>
</table>
<br /><br />
<span id="btn">tıkla</span>

Css

.red {
background-color: red;
}

JS

var table = document.getElementById("table");
var rows = table.getElementsByTagName("tr");
function aaa(){
    for (var i = 0; i < rows.length; i++) {
        var index=0;
        var c = rows[i].className;
            if(c!="red") {
                index=i;
            } else {
                index = i+1;
            }
        sec(index);
    } 
    setInterval(aaa(), 2000);   
}

function sec(index){
    for (var i = 0; i < rows.length; i++) {
        if(index==i) {            
            rows[index].className="red";
        } 
        if(index!=i ){
            rows[index].className="null";
        }
    }
}
$('#btn').click(function(){
    setInterval(aaa(), 2000); 
});

soruldu: 16 Eyl '13, 06:41

Ecobanolgu's gravatar image

Ecobanolgu
15113
cevap kabul oranı: 0%

değiştirildi: 19 Eyl '13, 08:03

%C3%B6zcanacar's gravatar image

özcanacar ♦♦
17.2k59183183


jquery

$('#btn').click(function () {
    var index = 0;
    setInterval(function () {
        // toplam satır sayısı
        var trCount = $("#table tr").size();

        // her tetikleme için index değerini 1 artır
        // o anki index içerisindeki satıra "red" class ekle
        // ve diğer tüm satırlardaki "red" class ı sil
        $("#table tr:eq(" + (index++) + ")").addClass("red").siblings().removeClass("red");

        // eğer son satıra gelmişse
        // index değerini sıfırla
        if (index == trCount) {
            index = 0;
        } 
    }, 2000);
});

DEMO

permanent link

cevaplandı: 16 Eyl '13, 08:05

AliR%C4%B1za%20Ad%C4%B1yah%C5%9Fi's gravatar image

AliRıza Adıyahşi ♦
7.9k146288
cevap kabul oranı: 44%

değiştirildi: 16 Eyl '13, 08:11

Cevabınız
toggle preview

Bu soruyu takip et

E-Posta üzerinden:

Üyelik girişi yaptıktan sonra abonelik işlemlerini yapabilirsiniz

RSS üzerinden:

Cevaplar

Cevaplar ve Yorumlar

Yazı Formatlama

  • *italic* ya da _italic_
  • **bold** ya da __bold__
  • link:[text](http://url.com/ "başlık")
  • resim?![alt text](/path/img.jpg "başlık")
  • liste: 1. Foo 2. Bar
  • temel HTML etiketleri de kullanılabilir

Bu sorunun etiketleri:

×137
×92

Soruldu: 16 Eyl '13, 06:41

Görüntüleme: 1,268 kez

Son güncelleme: 19 Eyl '13, 08:03

powered by BitNami OSQA