Cita:
Iniciado por NSD Bienvenido al foro, quizas esto te sirva como guia, es algo "purista" pero se entiende:
Código PHP:
Ver original<table class="auto-style2" style="margin: 10px 0 15px 10px; height: 47px; width: 377px;">
<tr>
<th class="auto-style11">Pedido</th>
<th class="auto-style11">Plataforma</th>
<th class="auto-style11">Estado</th>
<th class="auto-style11">Precio</th>
<th class="auto-style11">Acciones</th>
</tr>
<?php
require '../ModeloControlador/conexion.php';
// Agrega el campo codigo o como sea que se llame la clave primaria.
// Puedes usar "=" en vez de LIKE, no creo que sea necesario a menos que tengas un error de diseño.
$result = $con ->query("SELECT nombre,plataforma,estado,precio, codigo FROM productos WHERE propietario = ".$con->quote($_SESSION["user"]));
foreach($result as $row)
{
// Segun el estado elijes que opciones mostrarle.
switch($row[2])
{
case "pendiente" :
$accion = "<span class=\"accionar confirmado\">Confirmar</span> | <span class=\"accionar rechazado\">Rechazar</span>";
break;
case "confirmado" :
$accion = "<span class=\"accionar pendiente\">Pendiente</span> | <span class=\"accionar rechazado\">Rechazar</span>";
break;
case "rechazado" :
$accion = "<span class=\"accionar pendiente\">Pendiente</span> | <span class=\"accionar confirmado\">Confirmar</span>";
break;
default :
$accion = "---";
break;
}
echo "<tr data-codigo=\"$row[4]\">
<td>$row[0]</td>
<td>$row[1]</td>
<td>$row[2]</td>
<td>$row[3]</td>
<td>$accion</td>
</tr>";
}
?>
</table>
<script>
function accionar_pendiente()
{
var codigo = this.parentNode.parentNode.dataset.codigo;
alert("Pasar a pendiente el codigo: "+codigo);
}
function accionar_confirmado()
{
var codigo = this.parentNode.parentNode.dataset.codigo;
alert("Confirmar el codigo: "+codigo);
}
function accionar_rechazado()
{
var codigo = this.parentNode.parentNode.dataset.codigo;
alert("Rechazar el codigo: "+codigo);
}
var elements;
elements = document.querySelectorAll('.accionar.pendiente');
for (var i = 0; i < elements.length; i++)
elements[i].addEventListener("click", accionar_pendiente, false);
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>
Genial! Muchas gracias la verdad es que es como si me hubieras leído la mente :D justo cuando pensaba en posibles soluciones, imaginaba algo como esto con las opciones para cada fila y todo eso.Gracias a tu idea ya he podido retocar el código para que quede como esperaba ^^.
Sin embargo continuo perdido en la otra parte del problema que sería modificar la base de datos para que al pulsar confirmado digamos ,en la fila 1, por ejemplo, el estado del producto cambie a confirmado.
Aquí si que estoy atascado ya que no he sido capaz de sacar nada efectivo ni con la ayuda de tu tip para el data-* y dataset que no conocía.Ya que aun teniendo los identificadores en cada fila no se como podría hacer para que al pulsar en un enlace (confirmar y rechazar los he cambiado a enlaces a script php con un update) el script php "reconozca" que "x" pedido va ser cambiado y no "y".
Lo único que se me ha ocurrida son cosas relacionadas con variables de sesión pero estas solo pueden almacenar un dato así que vuelvo al principio.Creo que con AJAX se podría hacer algo pero apenas se de este, lo que he estado viendo un poco y parece que estaría en un problema parecido; ya que tendría que generar muchas variables que coincidiesen con los "x" pedidos que vayan a ser modificados.
Bueno si pudieras echarme una mano sería genial sino de todas maneras te agradezco la pedazo de ayuda de antes ,me ha servido muchísimo de verdad!!
Un saludo!!!