[SOLUCIONADO] PHP OO Modificar estado de un registro con Ajax, jquery, PHP y Mysql

[Literman]

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.

[xfxstudios]

Asi podria ser:

Código Javascript:

function estado(X)
 
$.ajax({
'url': 'tuarchivophp.php?id='+X,
type: 'post',
 
success: function(data){
 
if(data == "activo"){
$("#"+X).addClass('clase');
}else{
$("#"+X).addClass('Otraclase');
}
 

la X es algun parametro con el que diferencies ese campo en concreto para cada registro

Código PHP:

<a href="#" class="estado activo" data="'.$xCodigo.'" id="'.$xCodigo.'" onClick="estado(this.id)">Activo</a>
 

te menciono que es una explicacion vaga, pero es la idea principal del asunto, ya que yo tengo eso implementado en varios modulos de mi aplicacion, pero tendrias que adaptarlo a tu sistema, tambien crear el php que va a ejecutar el cambio de estado y todo eso. Saludos

[Literman]

Gracias xfxstudios, confirmaste el proceso que apliqué. Primero modifiqué el registro y como resultado modifiqué los estilos y el texto del botón.

Saludos.