Ver Mensaje Individual
  #4 (permalink)  
Antiguo 09/10/2007, 16:09
Avatar de derkenuke
derkenuke
Colaborador
 
Fecha de Ingreso: octubre-2003
Ubicación: self.location.href
Mensajes: 2.665
Antigüedad: 20 años, 6 meses
Puntos: 45
Re: Cambiar color a celdas continuas

Hola orharo2003:

He preparado un ejemplo más o menos viable de lo que se podría hacer sin poner ids en las filas (independientemente del color de fondo que tengan en un principio):

Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html xmlns="http://www.w3.org/1999/xhtml">
<
head>
<
meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<
title>Untitled Document</title>

<
script type="text/javascript">

window.onload = function() {
    var 
laTabla document.getElementById("tabla");
    var 
filas laTabla.getElementsByTagName("TR");
    for(var 
i=0l=filas.lengthi<li++) {
        
filas[i].onmouseover = function() {
            
this.viejoBgcolor this.style.backgroundColor;
            
this.style.backgroundColor "#7777f5";
        }
        
filas[i].onmouseout = function() {
            
this.style.backgroundColor this.viejoBgcolor;
        }
    }
}

</script>


</head>

<body>

<table id="tabla" border="1" style="width: 500px;">
    <tr style="background-color:#afafaf;">
        <td>a</td>
        <td>b</td>
        <td>c</td>
    </tr>
    <tr style="background-color:#ffffff;">
        <td>d</td>
        <td>e</td>
        <td>f</td>
    </tr>
    <tr style="background-color:#afafaf;">
        <td>g</td>
        <td>h</td>
        <td>i</td>
    </tr>
    <tr style="background-color:#ffffff;">
        <td>d</td>
        <td>e</td>
        <td>f</td>
    </tr>
    <tr style="background-color:#afafaf;">
        <td>a</td>
        <td>b</td>
        <td>c</td>
    </tr>
    <tr style="background-color:#ffffff;">
        <td>d</td>
        <td>e</td>
        <td>f</td>
    </tr>
    <tr style="background-color:#afafaf;">
        <td>g</td>
        <td>h</td>
        <td>i</td>
    </tr>
    <tr style="background-color:#ffffff;">
        <td>d</td>
        <td>e</td>
        <td>f</td>
    </tr>
    <tr style="background-color:#afafaf;">
        <td>a</td>
        <td>b</td>
        <td>c</td>
    </tr>
    <tr style="background-color:#ffffff;">
        <td>d</td>
        <td>e</td>
        <td>f</td>
    </tr>
    <tr style="background-color:#afafaf;">
        <td>g</td>
        <td>h</td>
        <td>i</td>
    </tr>
</table>


</body>
</html> 

Un saludo.
__________________
- Haz preguntas inteligentes, y obtendrás más y mejores respuestas.
- Antes de postearlo Inténtalo y Búscalo.
- Escribe correctamente tus mensajes.