Foros del Web - Ver Mensaje Individual

cala932 · #3 (**permalink**) 26/04/2007, 06:44

Sin palabras, mil gracias javierB, esta buenisimo el script , le saque un par de condiciones porque queria que por defecto quedara para iluminar las filas, es decir que el usuario no tenga que tildar los checkbox, y particularmente me interesaba iluminar la fila. Te pongo como lo deje para que me digas si habria que sacarle algo mas, ya lo probe y funciona de primera.

Código:

<style type="text/css">
table {border-collapse:collapse;border:1px solid maroon;margin-left:80px}
td {border:1px solid maroon;width:30px;text-align:center}
</style>
<script type="text/javascript">
<!--
function ini() {
  tab=document.getElementById('tabla');
  for (i=0; ele=tab.getElementsByTagName('td')[i]; i++) {
    ele.onmouseover = function() {iluminar(this,true)}
    ele.onmouseout = function() {iluminar(this,false)} 
  }
}

function iluminar(obj,valor) {
  fila = obj.parentNode;

    for (i=0; ele = fila.getElementsByTagName('td')[i]; i++)
      ele.style.background = (valor) ? '#B9F8F8' : '';
}
-->
</script>
</head>
<body onload="ini()">
<p>
</p>
<table id="tabla" border="1">
<tr>
<td>1.1</td><td>1.2</td><td>1.3</td>
</tr>
<tr>
<td>2.1</td><td>2.2</td><td>2.3</td>
</tr>
<tr>
<td>3.1</td><td>3.2</td><td>3.3</td>
</tr>
</table>
</body>

Muy bueno el script. Gracias. Saludos