Botones aceptar cancelar, una ayuda

lopedd · #1 (**permalink**) 18/08/2010, 11:38

Hola, tengo un problema, con los botones Aceptar, Cancelar de confirm de Javascript, quiero eliminar un articulo de una lista, pulsando el boton eliminar, y que me salga el alert de Aceptar o Cancelar. El cancelar va perfecto, pero al darle a Aceptar, me borra el articulo que tiene la ID mas reciente, quiero que borre el articulo correspondiente a su boton.
Este es el codigo que tengo:

<html>
<title>
Listado de Iluminacion Existente
</title>
<head>
<script>
function eliminar()
{
var del;
var formulario = document.getElementById('form1');
del = confirm('¿Esta seguro, que lo desea eliminar?');
if(del)
{
formulario.submit();
}
else
return false;
}
</script>

</head>

<body>

<?php
include "panel.php";
$conexion = mysql_connect('localhost','root','');
$sentenciaSQL = 'SELECT * FROM calculed.existente';
$resultados = mysql_query($sentenciaSQL);

?>
<table width="700" border="1" align="center">
<tr>
<td>Tipo</td>
<td>Modelo</td>
<td>Tension</td>
<td>Vida</td>
<td>Grados</td>
<td>Precio</td>
<td>M.Obra</td>
</tr>
<?php
while ($fila = mysql_fetch_assoc($resultados)) {
?>

<tr>

<form name="listaexistente" id="form1" action="borrar_existente.php" method="post">

<?php echo "<td><em>" .$fila["tipo"]."</td></em>";?>
<?php echo "<td>" .$fila["modelo"]."</td>";?>
<?php echo "<td>" .$fila["tension"]."</td>";?>
<?php echo "<td>" .$fila["vida"]."</td>";?>
<?php echo "<td>" .$fila["grados"]."</td>";?>
<?php echo "<td>" .$fila["precio"]."</td>";?>
<?php echo "<td>" .$fila["mano"]."</td>";?>
<?php echo "<td> <img src='./imagenes/".$fila["imagen"]."' height=100 widht=100/></td>";?>
<?php //echo "<td> <input type='text' name='cantidad'"/></td>";?>
<?php echo "<input type='hidden' name='id' value='" .$fila["id"]."'/>";?>
<?php echo "<td> <input type='button' value='Eliminar' onclick='eliminar();'/></td>";?>
</form>
</tr>

<?php
}

?>
</table>

</body>
</html>

A ver si alguien me puede echar una manilla xD

Mil gracias!!!

maycolalvarez · #2 (**permalink**) 18/08/2010, 11:45

veo que generas n forms para cada fila, pero TODOS son form1, así que siempre se enviará el primer form:

javascript:
var formulario = document.getElementById('form1');

en php debes diferenciarlos con un contador:

Código PHP:

  <?php $cont++; ?>
<form name="listaexistente" id="form<?php echo $cont; ?>" action="borrar_existente.php" method="post">
//...
<?php echo "<td> <input type='button' value='Eliminar' onclick='eliminar(".$cont.");'/></td>";?>

y el js:

Código Javascript:

Ver originalfunction eliminar(cont)
{
var del;
var formulario = document.getElementById('form'+cont);
del = confirm('¿Esta seguro, que lo desea eliminar?');
if(del)
{
formulario.submit();
}
else
return false;
}

lopedd · #3 (**permalink**) 18/08/2010, 11:51

He hecho los cambios, y no me ejecuta nada :(

No se que puede pasar xD

Saludos!

maycolalvarez · #4 (**permalink**) 18/08/2010, 12:06

ahora que lo veo, no puedes anidar forms dentro de table rompiendo las filas lolumnas, has de buscar otra frma de hacerlo, esto no se puede, a mayoria de los DOM no lo soporta:

incorrecto:
<table>
<tr>
<form>
<td></td>
</form>
</tr>
</table>

correcto:
<table>
<tr>
<td>
<form>
</form>
</td>
</tr>
</table>

<form>
<table>
<tr>
<td></td>
</tr>
</table>
</form>

cloudandviator · #5 (**permalink**) 18/08/2010, 12:36

Hola, podrías mirar enviar el id via AJAX

http://api.jquery.com/jQuery.post/

lopedd · #6 (**permalink**) 18/08/2010, 12:44

Gracias por responder, la historia es que con php si logro hacerlo, hago el submit a este archivo: confirmar_eliminar.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>

<body>

<p>¿Esta seguro que desea eliminarlo?</p>
<form id="form1" name="form1" method="post" action="borrar_existente.php">
<input type='hidden' name='id' value="<?php echo $_POST['id'];?>"/>
<input type="submit" name="aceptar" id="button" value="Aceptar" />
<input type="submit" name="cancelar" id="button2" value="Cancelar" />
</form>

<p> </p>
</body>
</html>

Pero lo querria hacer con Javascript, para no tener que ir a otra pagina.

Gracias!