title image


Smiley Re: Tabellenzelle abhängig vom Inhalt einfärben
OK, du gibst deiner Tabelle eine ID (im Beispiel 'tabelle') und bindest das folgende Skript ein. Um einen Effekt zu sehen musst du außerdem die entsprechenden CSS Klasse anlegen (hier 'sehr_alt', 'alt' usw) und evtl. die Grenzen ändern (da deine Beispieldaten ja älter waren, also z.b. sehr_alt: -365 entspricht älter als ein Jahr):





var classes =

{

sehr_alt : -10, // älter als x Tage

alt: -5,

aktuell: -1,

heute: 0

};



window.onload = function()

{

var EIN_TAG = 24 * 60 * 60 * 1000; // Milliskekunden

var t = document.getElementById('tabelle');

var heute = new Date();



if(!t) return alert('keine Tabelle');



var rows = t.getElementsByTagName('tr');



for(var i = 0; i < rows.length; i++)

{

var td = rows[i].getElementsByTagName('td');

if(!td[2]) return alert('Tabelle ist fehlerhaft');



var datum_string = td[2].firstChild.data;

if(!datum_string) return alert('kein Datum');



var tmp = datum_string.split('.');

datum = new Date( tmp[2], tmp[1] - 1, tmp[0]);

for(var c in classes)

{

if( ((datum-heute ) / EIN_TAG) > classes[c] ) continue;

rows[i].className = c;

break;

}



}

}




geschrieben von

Login

E-Mail:
  

Passwort:
  

Beitrag anfügen

Symbol:
 
 
 
 
 
 
 
 
 
 
 
 
 

Überschrift: