Aspire
Koineks
  • 21-11-2009, 19:03:18
    #1
    1/2
    Garip bir başlık oldu ama sorumun cevabı sanırım basit.
    Elimde sabit olmayan sayıda td var. Bunlarında id si. Aşağıdaki gibi.
    <tr>
    <td id="td_1200_1" class="eski_class">vsvs</td>
    <td id="td_1200_2" class="eski_class">vsvs</td>
    <td id="td_1200_3" class="eski_class">vsvs</td>
    <td id="td_1200_4" class="eski_class">vsvs</td>
    </tr>
    <tr>
    <td id="td_1205_1" class="eski_class">vsvs</td>
    <td id="td_1205_2" class="eski_class">vsvs</td>
    <td id="td_1205_3" class="eski_class">vsvs</td>
    <td id="td_1205_4" class="eski_class">vsvs</td>
    </tr>
    Orada ortadaki sayıyı javascripte gönderiyorum. Yapmak istediğim, diyelim ben javascripte 1200 gönderdim, idsinin ortasında 1200 yazan bütün tdlerin class ını yeni_class yapsın.

    Javascipte pek aşina olmadığım için sıkıntı oldu. Yardımınız için teşekkür ederim.
  • Sponsor Reklam
  • 22-11-2009, 13:45:23
    #2
    1/2
    GeCe_ adlı üyeden alıntı
    Garip bir başlık oldu ama sorumun cevabı sanırım basit.
    Elimde sabit olmayan sayıda td var. Bunlarında id si. Aşağıdaki gibi.
    <tr>
    <td id="td_1200_1" class="eski_class">vsvs</td>
    <td id="td_1200_2" class="eski_class">vsvs</td>
    <td id="td_1200_3" class="eski_class">vsvs</td>
    <td id="td_1200_4" class="eski_class">vsvs</td>
    </tr>
    <tr>
    <td id="td_1205_1" class="eski_class">vsvs</td>
    <td id="td_1205_2" class="eski_class">vsvs</td>
    <td id="td_1205_3" class="eski_class">vsvs</td>
    <td id="td_1205_4" class="eski_class">vsvs</td>
    </tr>

    Orada ortadaki sayıyı javascripte gönderiyorum. Yapmak istediğim, diyelim ben javascripte 1200 gönderdim, idsinin ortasında 1200 yazan bütün tdlerin class ını yeni_class yapsın.

    Javascipte pek aşina olmadığım için sıkıntı oldu. Yardımınız için teşekkür ederim.

    Bu bütün td'lerin bir table içinde olduğunu varsayalım;

    <table id="tablo">.......</tablo>
    HTML-Kodu:
    function stilDegistir(tabloID,yeniClass,aranan)
    {
    	var tablo = document.getElementById(tabloID);
    	var satirlar = tablo.getElementsByTagName('TR');
    	for(var i=0;i<satilar.length;i++)
    	{
    		var hucreler = satirlar[i].getElementsByTagName('TD');
    		for(var h=0;h<hucreler.lenght;h++)
    		{
    			var hucreID = hucreler[h].id.split('_');
    			if(hucreID[1].toString() == aranan)
    			{
    				hucreler[h].setAttribute('class',yeniClass);
    			}
    		}
    	}
    
    }
    
    böyle bir fonksiyon işinizi görebilir.
    stilDegistir('tabloID','yeniClassAdi','1200');
    şeklinde kullanıp deneyebilirsiniz.

    Not: kodları direk buraya yazdım denemedim.
    beni bilimle anla iki gözüm, felsefeyle anla ve öyle yargıla...