Wisselende rijen met Javascript

Geplaatst in Categorie: op 17 February 2008 om 15:27 door Eris

Stel je eens voor….Je hebt een website die in alle tabelen een wisselende rijen heeft voor zijn tabelen. Dit doe je normaal gesproken met PHP en het werkt altijd.¬†Hellaas had ik laatst een klein probleempje. Ik wilde doormiddel van Javascript steeds een nieuwe rij toe voegen zodat de bezoekers een extra “antwoord” konden geven voor een poll. Heel erg simpel en de oplossing was nog simpeler. Namelijk dit:

window.onload = zeBra;
function zeBra(){	
var rows = document.getElementsByTagName('tr');	
for(var i = 0; i < rows.length; i++){	
if(i % 2 == 0){ rows[i].className = 'kleur1'; }else{ rows[i].className = 'kleur2'; }	
}
}

En klaar was Eris. Simpel maar toch effectief. Bij het aanpassen en het laden van de website vraag ik deze script op en hij doet het werk voor mij. :)