none
Cambiar de color al seleccionar un registro de una tabla con JavaScript RRS feed

  • Pregunta

  • Tengo el siguiente script que al seleccionar una fila me cambia de color: 

    <script>
    
        function myFunction(x) {
            var elementos = document.getElementById('tbplanta').
            getElementsByTagName('tbody')[0].getElementsByTagName('tr');
    
            for (var i = 0; i < elementos.length; i++) {
                elementos[i].style.background='white';
            }
    
            x.style.background="#F1F1F1";
        }
    </script>

    Y tengo mi tr:

    <tr onClick="myFunction(this)">
    <td width="0" align="center"><?php echo $rs['x'] ?></td>
    <td width="0"><?php echo $rs['y'] ?></td>
    <td width="0"><?php echo $rs['j'] ?></td>
    <td width="0"><?php echo $rs['k'] ?></td>
    </tr>

    Lo que deseo también es que al pasar el mouse cambie de color, y que cumpla con lo siguiente:

    1. Al pasar el mouse cambie de color las filas.

    2. Al hacer clic a una fila cambie de color.

    3. Que siga funcionando el punto 1. a pesar de ya tener un registro seleccionado.

    Gracias


    Juan Pastor


    • Editado Juan Pastor jueves, 5 de octubre de 2017 21:01
    jueves, 5 de octubre de 2017 20:59

Todas las respuestas

  • Buenas tardes.

    >>1. Al pasar el mouse cambie de color las filas.

    Puedes declararlo en el estilo css  de la siguiente manera por ejemplo.

    <html>
    <head>
    <style>
    tr:hover {
        background-color: yellow;
    }
    </style>
    </head>
    <body>
    <table>
      <tr>
        <td>Hover 1</td>
        <td>Hover 2</td>
      </tr>
    </table>
    </body>
    </html>

    Espero te sirva de ayuda.

    Saludos.



    • Editado osrol jueves, 5 de octubre de 2017 21:17
    jueves, 5 de octubre de 2017 21:14
  • No es la respuesta. Mi script ya hace eso.

    Juan Pastor

    viernes, 6 de octubre de 2017 19:44