Foros del Web » Creando para Internet » HTML »

cambiar el color a una fila

Estas en el tema de cambiar el color a una fila en el foro de HTML en Foros del Web. Hola a todos tengo un pequeña duda . tengo una tabla que tiene cierta cantidad de columnas y donde una de la columnas es un ...
  #1 (permalink)  
Antiguo 15/04/2002, 13:40
 
Fecha de Ingreso: marzo-2002
Mensajes: 9
Antigüedad: 15 años, 8 meses
Puntos: 0
cambiar el color a una fila

Hola a todos tengo un pequeña duda .

tengo una tabla que tiene cierta cantidad de columnas y donde una de la columnas es un campo check , y deseo hacer lo siguiente
cuando hago check en este campo el color de la fila debe cambiar , como indicandome que esta selecionada. y asi poder diferencias cuales estan check y cuales no.

esto se puede ?? y como se hace , utilizando Java script. gracias.
  #2 (permalink)  
Antiguo 15/04/2002, 15:57
Avatar de mikel_gomez  
Fecha de Ingreso: febrero-2001
Mensajes: 482
Antigüedad: 16 años, 9 meses
Puntos: 3
Re: cambiar el color a una fila

A continuación te dejo un ejemplo completo.
Pruébalo.

Código:
<html>
  <head>
    <title>
      Ejemplo de cambio de estilo
      al activar/desactivar "CheckBoxes"
    </title>
    <script type="text/javascript">
    <!--
      function resaltar(nombreFila, estado) {
        if (document.getElementById) {
          var fila = document.getElementById(nombreFila);
          var colorfondo = (estado) ? 'red' : 'white' ;
          fila.style.backgroundColor = colorfondo ;
        }
        else alert('Navegador no soporta DOM');

      }
    //-->
    </script>
  </head>
  <body>
    <p style="font: 10pt verdana; font-weight: bold;">
      Ejemplo de cambio de estilo
      al activar/desactivar "CheckBoxes"
      <hr />
    </p>
    <form id="frm">
      <table>
        <tr>
          <td id="fila01">
            <input type="checkbox" id="check01"
              onclick="resaltar('fila01', this.checked);" />
            Check 1
          </td>
        </tr>
        <tr>
          <td id="fila02">
            <input type="checkbox" id="check02"
              onclick="resaltar('fila02', this.checked);" />
            Check 2
          </td>
        </tr>
      </table>
    </form>
  </body>
</html>
Saludos.

<style>.t{font: 8pt verdana; text-decoration: none; color: black;}</style><hr><span class="t"><a href="mailto:[email protected]" class="t" style="font: 10pt;">Mikel Gómez</a><br>Hay que aprender mucho para saber poco.</span>
  #3 (permalink)  
Antiguo 15/04/2002, 16:19
 
Fecha de Ingreso: marzo-2002
Mensajes: 9
Antigüedad: 15 años, 8 meses
Puntos: 0
Re: cambiar el color a una fila

Muchas gracias era lo que estaba buscando te lo agradezco a montones :)
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:07.