Hola gente, quisiera consejos acerca de los procedimientos que debería seguir para lograr esto:
- Tengo una lista de registros mediante una consulta con PHP y Mysql.
- El boton de estado muestra un diferente estilo según su condición (activo/inactivo), esto lo hice con el mismo PHP. Pongo el código
Código:
<div class="lista-contenidos">
<?php
$consultaProg = "SELECT * FROM historias ORDER BY codigo ASC";
$ejecutarConsultaProg = mysql_query($consultaProg);
while ($filaProg = mysql_fetch_array($ejecutarConsultaProg)){
$xCodigo = $filaProg['codigo'];
$xNombre = utf8_encode($filaProg['nombre']);
$xDni = $filaProg['dni'];
$xEmail = $filaProg['email'];
$xMensaje = utf8_encode($filaProg['descripcion']);
$xFecha = $filaProg['fecha'];
$xHora = $filaProg['hora'];
$xEstado = $filaProg['estado'];
$num++;
if($xEstado=='I'){$xEstadoAct = '<a href="#" class="estado inactivo" data="'.$xCodigo.'">Inactivo</a>';}
else {$xEstadoAct = '<a href="#" class="estado activo" data="'.$xCodigo.'">Activo</a>'; }
?>
<div id="bloque-datos">
<tr>
<td><?php echo $num; ?></td>
<td><?php echo $xNombre; ?></td>
<td><?php echo $xDni; ?></td>
<td><?php echo $xEmail; ?></td>
<td><?php echo $xMensaje; ?></td>
<td><?php echo $xFecha; ?></td>
<td><?php echo $xHora; ?></td>
<td><?php echo $xEstadoAct; ?></td>
</tr>
</div>
<?php
}
?>
</div>
La idea es que al darle clic en el boton el estado cambio automáticamente de activo a inactivo o viceversa, pero sin hacer un refresh de la página, por eso mencioné Ajax en el título.
Si me pueden guiar hacia un manual que me resuelva esto o ustedes mismos me podrían enseñar como hacerlo, se los agradecería mil.
Saludos.