confirmar borrar antes de hacerlo

kimberly_1612 · #1 (**permalink**) 30/04/2014, 09:47

hola quiero saber como poner un mensaje de alerta antes de eliminar un registro, he buscado y entiendo muchas cosas, pero a la hora de hacerlo me pierdo, no se donde usar el javascript ni como jacer que cuando el usuario me marque la X de borrar me salga el mensaje de confirmar. ayuda!

aqui dejo el formulario

Código PHP:

  <?php 
//conecto la bd antes q nada, o sea aca la estoy llamando 
require "base_datos.php"; //esto es como se llama el archivo q contiene la conexion 
require "funciones.php"; //esto es como se llama el archivo q contiene las funciones para este programa 
$conexion = conectar(); //ay ya me conecte 
?> 
 
 
<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>AREA DE TRABAJO DEL EMPLEADO</title> 
</head> 
 
<body> 
<form action="guardar_area.php" method="post" name="formulario" id="formulario">  <!--es el formulario, action es a dond va dirigido lo q guarde, method post xq siempre que sea un formulario debe ser asi para q no muestre los datos en la url, name y id siempre deben ir igual nombre --> 
 
<table border="2" align="center"> 
<tr> 
    <td colspan="3" align="center">AREA DE TRABAJO DEL EMPLEADO</td> 
</tr> 
 
 
<tr> 
    <td>Codigo</td> 
    <td><input type="text" name="codigo" id="codigo" readonly="readonly" value="<?php echo codigoarea($conexion);?>"/></td> 
</tr> 
 
 
 
 
 
<tr> 
    <td>Descripcion</td> 
    <td><input type="text" name="descripcion" id="descripcion" maxlength="20" size="60" required placeholder"ej: rrhh,informatica,etc" ></td> 
</tr> 
 
<tr> 
    <td colspan="4" align="center"> 
    <input type="submit" value="Guardar"> 
    <input type="reset" value="Limpiar"> 
    </td> 
</tr> 
  
 
</table> 
<td colspan="1" align="center"><input type="button" onClick=" location.href='listado_area.php' " value="Listado de areas de trabajo" name="boton" /></td> <!-- aca arriba esto agregando un boton para q redireccione al listado --> 
</form>  
 
 
</body> 
</html>

ese formulario tiene un link al final que dice listado de areas. y es este :

Código PHP:

  <?php 
require "base_datos.php"; 
$conexion = conectar(); 
 
//ejecutando la b.d 
$sql = "select *from area"; 
 
 
$resultado =mysql_query($sql,$conexion); 
//$resultado se convierte en un array 
 
 
 //a resultado lo convierte en un vector numerico y necesita un parametro que es resultado 
 echo "<table border='1' align='center'>";  
 echo "<tr>"; 
 echo "<td colspan='3' align='center'>LISTADO DE AREAS DE TRABAJO</td>"; 
 echo"</tr>"; 
 echo "<tr>"; 
    echo"<td>Codigo/Rif</td>"; 
    echo"<td>Descripcion</td>"; 
    echo"<td>Borrar</td>"; 
    echo "</tr>"; 
  
while($area =mysql_fetch_row($resultado)) 
{ 
    echo "<tr>"; 
    echo"<td><a href='editar_area.php?codigo=$area[0]'>$area[0]</td>"; //<a href es crear un vinculo ?nombre q le kiero poner=$variable que kiero pasar 
    echo"<td>$area[1]</td>"; //LA linea de arriba es para el codigo y esta es para la descripcion, es decir, para q los liste 
 
    echo"<td align='center'><a href='borrar_area.php?codigo=$area[0]'>[X]</a></td>"; 
         
    echo "</tr>"; 
     
     
} 
 
echo "</table>"; 
 
echo "<br/><a href='area.php'>Regresar al menu principal de areas de trabajo...</a>"; //para que regrese al menu principal de medida 
     
//cerra la conexion 
 
mysql_close($conexion); 
 
?>

lo que quiero es que cuando el usuario llegue a esta parte echo"<td align='center'><a href='borrar_area.php?codigo=$area[0]'>[X]</a></td>"; y marque la x, me genere una ventana de confirmacion

Alexis88 · #2 (**permalink**) 30/04/2014, 12:47

No necesitas generar una ventana de confirmación, JavaScript te proporciona un pequeño cuadro de diálogo mediante el método confirm, en el que puedes aceptar o cancelar una acción. A tu enlace, añádele una clase, por ejemplo, clase "confirmar", luego, en el código JavaScript, aplicas este cuadro de diálogo a cada enlace que se vaya a generar en el bucle.

Código Javascript:

Ver originalArray.prototype.forEach.call(document.getElementsByClassName("confirmar"), function(enlace){
    enlace.addEventListener("click", function(e){
        e.preventDefault();
        if (confirm("¿Desea eliminar este registro?"))
            window.location = this.href;
    }, false);
});

Saludos

kimberly_1612 · #3 (**permalink**) 30/04/2014, 12:52

gracias, como ya explique soy nuevisima en esto, donde agrego ese codigo javascript y tambien el detalle es como se lo agrego al enlace. es q lo he intentado de varias formas y me sale error

Alexis88 · #4 (**permalink**) 30/04/2014, 12:59

Solamente necesitas añadirlo o en un documento con extensión .js o en el mismo documento, entre las etiquetas <script></script>. De preferencia, colócalo justo antes de la etiqueta </body>. No olvides añadir a la línea en donde generas los enlaces, la clase correspondiente.

Código HTML:

Ver original<a href='borrar_area.php?codigo=$area[0]' class = "confirmar">[X]</a>

Saludos