Benvenuto sul forum

Ho cercato di limitare le modifiche salvando quanto piu' possibile dal codice originario... cosi' facendo ovviamente non si ottiene un risultato ottimizzato e del tutto coerente... ma puo' essere utile in senso didattico

Applica le modifiche segnate in rosso:

codice:
<style type="text/css">
<!--
#demo tr.ruled, td.ruled {
   background:#9cf;
}
-->
</style>

<script type="text/javascript">
<!--

function tableruler() {
  if (document.getElementById && document.createTextNode) {
    var tables=document.getElementsByTagName('table');
    for (var i=0;i<tables.length;i++)
    {
      if(tables[i].className=='ruler') {
        var trs=tables[i].getElementsByTagName('td'); 
        for(var j=0;j<trs.length;j++)
        {
//          if(trs[j].parentNode.nodeName=='TBODY') { 
            trs[j].onmouseover=function(){this.className='ruled';return false}
            trs[j].onmouseout=function(){this.className='';return false}
//          } 
        }
      }
    }
  }
}
window.onload=function(){tableruler();}
// -->
</script>
ciao

ps: un caldo invito alla lettura del regolamento