Ver Mensaje Individual
  #1 (permalink)  
Antiguo 05/06/2015, 09:19
dardo123
 
Fecha de Ingreso: agosto-2014
Mensajes: 12
Antigüedad: 9 años, 9 meses
Puntos: 0
Pregunta Comparar el contenido de 2 celdas de una tabla

Hola estimados, tengo el siguiente problema. Estoy cargando en una <table> los registros de una base de datos. Pero estos datos los estoy mostrando en unos input text para que el usuario pueda modificarlos.

El tema es que quiero poner de color rojo el background del input si a medida que escribe para modificar el valor del dato este no corresponde al valor del input vecino. Yo sé que sería algo así:

Código:
var campo1 = document.getElementById('km_prog');
var campo2 = document.getElementById('km_real');
if(campo1.value != campo2.value){
campo1.style.backgroundColor = "red"; 

}
Pero no me resulta! Si alguien me puede ayudar lo agradecería. Les dejo el código para que puedan ver como muestro los datos.

Código PHP:
<form name="prueba">
            <?php
            
if ($row mysql_fetch_array($result)){ 
            
?>
            <table>
                    <thead>
                        <tr>
                            <th><center>KM Programados</center></th>
                            <th><center>KM Reales</center></th>
                        </tr>
                    </thead>
                    <tbody>
            <?php
               
do { 
                   
$km_prog=number_format($row["km_prog"], 3',''.');
                   
$km_reales=number_format($row["km_reales"], 3',''.');
                  echo 
"<tr>
                  <td class='user-mobile'><input type='text' style='text-align: center' name='km_prog' id='km_prog' value='"
.$km_prog."'></td><td class='user-mobile'><input type='text' style='text-align: center' name='km_reales' id='km_reales' value='".$km_reales."'></td></tr> \n"
               } while (
$row mysql_fetch_array($result)); 
               echo 
"</table> \n"
            } else { 
            echo 
"¡No se ha encontrado ningún registro!"
            } 
            
?> 
                    </tbody>
            </table>
        </form>