Ver Mensaje Individual
  #1 (permalink)  
Antiguo 30/10/2012, 18:36
ArmandoGlam
 
Fecha de Ingreso: octubre-2012
Mensajes: 14
Antigüedad: 11 años, 6 meses
Puntos: 0
Mensaje Cambiar Color de fila al pasar el mouse

Hola que tal a todos, tengo una duda con respecto a esto, espero puedan ayudarme.... saben que quiero que algunas de las filas de una tabla cambien de color al pasar el mouse... encontre este script de otro chico del foro:

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>
yo lo inclui en mi pagina. y le coloque el color rosa claro q yo queria y todo marcha bien... pero tengo un problema y es el siguiente:

https://docs.google.com/open?id=0BzXM1QGCj9wFVzhEaHFRTUJUdGM

(en la imagen se observa como cambia a rosa claro y no quiero q lo haga la primera fila, solo quiero q cambien los registros. no los titulos ni nada.)

cuando coloco el mouse sobre la primera, segunda. y ultima fila.. tambien me lo cambia...

quisiera saber como evitar que cambie en esas tres? gracias

Última edición por ArmandoGlam; 30/10/2012 a las 19:56