Ideas con tabla generada PHP por una consulta a base de datos.

[cascanfer56]

Iniciado por NSD

Lo que debes hacer es usar ajax, en la misma [URL="http://www.w3schools.com/ajax/ajax_xmlhttprequest_send.asp"]w3c esta su especificacion[/URL].

Siguiendo con el ejemplo dado, podrias hacer algo asi:

Código Javascript:

function cambiarEstado(accion, codigo)
{
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.open("POST", "actualizador.php", true);
    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xmlhttp.onreadystatechange = function() 
    {
        if (xmlhttp.readyState == 4 && xmlhttp.status==200)
        {
            if(xmlhttp.responseText == "ok")
            {
                alert("El cambio se realizo correctamente");
            }
            else
            {
                alert(xmlhttp.responseText);
            }
        }
    }
    xmlhttp.send("accion="+accion+"&codigo="+codigo);
}
 
function accionar_pendiente()
{
    var codigo = this.parentNode.parentNode.dataset.codigo;
    cambiarEstado("pendiente", codigo);
}
    
function accionar_confirmado()
{
    var codigo = this.parentNode.parentNode.dataset.codigo;
    cambiarEstado("confirmado", codigo);
}
    
function accionar_rechazado()
{
    var codigo = this.parentNode.parentNode.dataset.codigo;
    cambiarEstado("rechazado", codigo);
}
 

Y luego en tu archivo actualizador.php

Código PHP:

<?php  
    require '../ModeloControlador/conexion.php'; 
    switch($_POST["accion"])
    {
        case "pendiente" :
        case "confirmado" :
        case "rechazado" :
            $con->query("UPDATE productos SET estado = '$_POST[accion]' WHERE codigo = ".$con->quote($_POST["codigo"])." LIMIT 1;");
            if($con->affected_rows)
                $status = "ok";
            else
                $status = "No se actualizo ningun producto.";           
        break;
        default :
            $status = "Estado invalido";
        break;
    }         
    
    die($status);
 

Si bien el codigo podria optimizarse un poco no se que es lo que contiene el objeto $con por ejemplo, te servira a modo de guia como para orientarte pero no lo tomes como la unica solucion.

Saludos.

La verdad es que para ser sincero el script AJAX me sonaba a chino, pero bueno con la ayuda de la buena w3 y dedicándole unas horitas lo he acabado entendiendo todo bastante bien, obviamente jamás se me hubiera ocurrido a mi porque como dije antes de AJAX poco.
Sin embargo tras adaptar tu código y arreglar algunas cosas que no encajaban con mi idea(básicamente he quitado la función de "localizado" ya que la idea era que el cliente pueda confirmar y rechazar solamente) no acabo de entender por que no funciona aparentemente todo está todo bien, no ocurren errores de servidor; pero aun así no se modifica la base de datos, salta todo el rato "ningún elemento modificado" si no te importa echarle un vistazo al código a ver si encuentras algo que se me haya pasado.
Muuuuchas gracias! por la ayuda y la paciencia :)

Código Javascript:

function cambiarEstado(accion, idProd)
{
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.open("POST", "../ModeloControlador/pedidoConfir.php", true);
    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xmlhttp.onreadystatechange = function() 
    {
        if (xmlhttp.readyState == 4 && xmlhttp.status==200)
        {
            if(xmlhttp.responseText == "ok")
            {
                alert("El cambio se realizo correctamente");
            }
            else
            {
                alert(xmlhttp.responseText);
            }
        }
    }
    xmlhttp.send("accion="+accion+"&id="+idProd);
}
 
function accionar_confirmado()
{
    var idProd = this.parentNode.parentNode.dataset.idProductos;
    cambiarEstado("confirmado", idProd);
}
    
function accionar_rechazado()
{
    var idProd= this.parentNode.parentNode.dataset.idProductos;
    cambiarEstado("rechazado", idProd);
}
   var elements;
        
    elements = document.querySelectorAll('.accionar.confirmado');
    for (var i = 0; i < elements.length; i++)
        elements[i].addEventListener("click", accionar_confirmado, false);
        
    elements = document.querySelectorAll('.accionar.rechazado');
    for (var i = 0; i < elements.length; i++)
        elements[i].addEventListener("click", accionar_rechazado, false);
</script>
 

El script php que modifica la base de datos

Código PHP:

  <?php
require 'conexion.php';
switch ($_POST["accion"])
{
        case "rechazado":
        case "confirmado":
            $con->query("UPDATE productos SET estado = '$_POST[accion]' WHERE idProductos = ".$con->quote($_POST["idProd"])." LIMIT 1;");
            if($con->affected_rows)
                $status = "ok";
            else
                $status = "No se actualizo ningun producto.";           
        break;
        default :
            $status = "Estado invalido";
        break;
    }         
    
    die($status);                      
header ("location: ../ModeloControlador/pedidos.php");   

En cuanto a la tabla generada con el php embebido es lo mismo de antes, no he modificado nada simplemente he quitado los enlaces que ya no tenían sentido para que el cliente solo pueda confirmar y rechazar en caso de estar el pedido "localizado" y las etiquetas de "a" puesto que ya no hacen falta por que la función la llama AJAX.

Un saludo!!