Pregunta:

Fecha: 19-02-2018 06:17:53 (En Español)

Emitir un aviso antes de eliminar un registro en php y mysql[Resuelta]

Hola, saludos a todos, Disculpen quisiera hacer una consulta y de paso pedirles sus apoyo y/o comentarios, les comento, quiero que me salga un mensaje que me advierta si deseo eliminar el registro.
Actualmente estos haciendo desde este modo:

 <a href="./?action=perfil&op=del&id_perfil=<?=$perf->id_perfil;?>"  class="btn btn-danger btn-xs"><i class="fa fa-trash"></i>Eliminar</a>

Este es mi codigo que llama a la funcion para eliminar, lo cual esta alojada en perfil-action.php y el codigo es el sigueinte:

if(isset($_GET["op"]) && $_GET["op"]=="del"){
	$perfils= new PerfilesData();
	$perfils->id_perfil=$_GET["id_perfil"];
	$perfils->del();
// Core::alert("Eliminado exitosamente!");
	Core::redir("./?view=perfiles&op=all");	
}

Sin mas que decir, quedo a la espera de sus comentarios y ayuda, gracias que tengan un buen dia. Etiquetas: MySQL - PHP - Pregunta Votos: 0 - Respuestas: 10 - Vistas: 21 Compartir en: Google Facebook Twitter LinkedIn Link

Respuestas:

0

Jorge Zabala Karma: 517
Fecha: 19-02-2018 06:31:16
podrías agregar parámetros indicando que vienes de una redirección por una acción y eso ya lo controlas en la carga para mostrar el mensaje.
```
Core::redir("./?view=perfiles&op=all&redir=del&result=success&id=".$_GET["id_perfil"]);
```
Votos: 0 - Link respuesta
0

Joel Bazan Karma: 21

Fecha: 19-02-2018 09:44:00 Hola Sr. Jorge Z. disculpe, no logro entender? Votos: 0 - Link respuesta

Black Soldier Karma: 2600

Fecha: 19-02-2018 11:24:45 Podrías utilizar del lado del cliente la librería de SWEETALERT para maneja los diálogos de confirmación de las diferentes acciones, por ejempñlo:

Cambias tu Boton de esta manera:

<a href="#" id="<?=$perf->id_perfil;?>"  class="btn btn-danger btn-xs eliminar"><i class="fa fa-trash"></i>Eliminar</a>

luego un liestener que detecte la acción de clic:


$(".eliminar").click(function(e){
e.preventDefault();

var id = $(this).attr('id');

swal({
  title: "Apención!!!",
  text: "¿Esta seguro de eliminar el registro?!",
  type: "warning",
  showCancelButton: true,
  confirmButtonClass: "btn-danger",
  confirmButtonText: "Confirmar",
  cancelButtonText: "Cancelar",
  closeOnConfirm: false,
  closeOnCancel: false
},
function(isConfirm) {
  if (isConfirm) {
//Si SE confirma la eliminacion se ejecuta el reenvio al php encargado
    window.location.href="./?action=perfil&op=del&id_perfil="+id;
  } else {
//Si se cancela se emite un mensaje
    swal("Cancelado", "Usted ha cancelado la acción de eliminación", "error");
  }
});


});

saludo espero te sirva. Votos: 2 - Link respuesta

Walter Sánchez Karma: 6600

Fecha: 19-02-2018 11:51:20 Hola
A modo de ejemplo practico lo puedes hacer con javascript en el momento que se hace click en el link eliminar.

<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Confirmar</title>
    <script type="text/javascript">
        function confirmDelete() {
            var confirmar = confirm("¿Realmente desea eliminarlo? ");
            if (confirmar) {
                return true;
            } else {
                return false;
            }

        }
    </script>
</head>

<body>


    <a onclick="return confirmDelete();" href="./?action=perfil&op=del&id_perfil=<?=$perf->id_perfil;?>" class="btn btn-danger btn-xs">
        <i class="fa fa-trash"></i>Eliminar</a>

</body>
</html>

Si utilizas Bootstrap sería mejor que utilices una de las herramientas que este te proporciona que es la ventana Modal
Claro está que si utilizas Modal deberas tener conocimiento de como se utiliza, en la misma web te da una explicación básica de ello.

Espero que te haya servido como punto de partida

Saludos Votos: 0 - Link respuesta

0

Joel Bazan Karma: 21

Fecha: 19-02-2018 13:00:38 Hola Saludos. se les agradece mucho a todos por sus apoyo y la disponibilidad de su tiempo, gracias, Votos: 0 - Link respuesta

Walter Sánchez Karma: 6600

Fecha: 19-02-2018 13:27:03 Te dejo un codigo que realice con Bootstrap 3.3.7 y jQuery 3.3.1 el cual lo deberás modificar a tus propósitos ya que es un ejemplo de uso.

<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Confirmar eliminación usando bootstrap 3.3.7 </title>
    <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css' />
    <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script>
    <script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js'></script>

    <script type="text/javascript">

        $(document).ready(function () {

            $('.BTN_Elimiar').click(function () {
                id_perfil = $(this).data('id-perfil'); // getter
                $('#idPerfil').html('<strong>' + id_perfil) + '</strong>';
            })
            $('#btnSi').click(function () {
                $('#eliminarModal').modal('toggle') // cierra el modal
                console.warn(`Se eliminara el perfil con ID: ${id_perfil}`); // muestra en consola el id a eliminar
                // seguir accion de eliminar
                //.... resto del codigo ....
            });
        })
    </script>
</head>

<body>
    <div class="container">
        <h2>Confirmar eliminacion usando Bootstrap 3.3.7 y jQuery 3.3.1</h2>
        <!--  Botones eliminar para el modal  -->

        Registro 1
        <button type="button" class="btn btn-danger btn-xs BTN_Elimiar" data-toggle="modal" data-target="#eliminarModal" data-id-perfil="1">Eliminar</button>

        <br> Registro 2
        <button type="button" class="btn btn-danger btn-xs BTN_Elimiar" data-toggle="modal" data-target="#eliminarModal" data-id-perfil="2">Eliminar</button>

        <br> Registro 3
        <button type="button" class="btn btn-danger btn-xs BTN_Elimiar" data-toggle="modal" data-target="#eliminarModal" data-id-perfil="3">Eliminar</button>


        <br> Registro 4
        <button type="button" class="btn btn-danger btn-xs BTN_Elimiar" data-toggle="modal" data-target="#eliminarModal" data-id-perfil="4">Eliminar</button>

        <br> Registro 5
        <button type="button" class="btn btn-danger btn-xs BTN_Elimiar" data-toggle="modal" data-target="#eliminarModal" data-id-perfil="5">Eliminar</button>
    </div>


    <!-- Ventana Modal pide confirmacion-->
    <div class="modal fade" id="eliminarModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <h4 class="modal-title" id="myModalLabel">Atencion</h4>
                </div>
                <div class="modal-body">
                    ¿Quiere eliminar este registro con ID
                    <span id="idPerfil"></span>?
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal">No</button>
                    <button type="button" class="btn btn-primary" id="btnSi">Si</button>
                </div>
            </div>
        </div>
    </div>

</body>
</html>

He utilizado los atributos data-*

En cada botón le he colocado un atributo data-id-perfil = que se le asigna un valor que debe ser el Id del perfil. ejemplo data-id-perfil =4

Al hacer click en el botón [eliminar] se dispara una acción que esta en la parte del script $('#btnSi').click(function () { en este caso en consola se mostrará un mensaje tal Se eliminara el perfil con ID:

En esa parte del codigo, deberas agregar tu código javascript ya sea por medio de AJAX o redireccionamiento con la URL dels script de PHP realizaras la eliminación del registro.

Me he valido de una técnica que he he aportado en Bootstrap 3 Ventana modal se dispara tras un evento sobre un botón - Código más limpio con [data-] que inyectar un funcion JS alli encontraras ejemplos con la explicación.

PD// como agradecimiento podrás votar a las respuestas que te han sido util ;)

Saludos Votos: 0 - Link respuesta

0

Fernando García Karma: 405
Fecha: 19-02-2018 13:31:37
Pues creo que lo más sencillo es la función confirm de javascript, y en html añadirla al evento onclick del enlace borrar.

Aparecerá la ventanita con aceptar y cancelar, si es cancelar devuelve false:
```
function confirmar_borrar() {
  return confirm('Confirma que deseas borrar este registro.');
}
```
También lo puedes añadir directamente al botón, aunque no sea recomendable:
```
<a href="..." 
onclick="return confirm('Confirma que deseas borrar este registro.');">Borrar</a>
```
Votos: 0 - Link respuesta
0

Joel Bazan Karma: 21

Fecha: 21-02-2018 11:27:50 Hola, saludos Sr. Walter Sánchez , su codigo a modo de ejemplo esta super interesante, se le agradece por sus aportes y/o comentarios,
solo que he tenido un pequeño detalle que no he podido adaptarlo.
De todas maneras muchas gracias Votos: 0 - Link respuesta
0

Diego Plencovich Karma: 151

Fecha: 25-02-2018 03:05:18 Joel, yo uso mucho SweetAlert y como dice Carlos Quintero es la mejor opción. Votos: 0 - Link respuesta
0

Joel Bazan Karma: 21

Fecha: 25-02-2018 14:26:01 Hola, Sr. Diego cree usted que me podría apoyar en adaptarlo, he estado intentando pero no he logrado, mi ultima prueba resulto, se muestra la venta y automáticamente se cierra, por favor, se le agradece mucho Votos: 0 - Link respuesta

Para participar activamente de la comunidad primero debes autenticarte, ingresa al sistema.Iniciar Sesión

frjcbbae garagebible.com

Pregunta:

Emitir un aviso antes de eliminar un registro en php y mysql[Resuelta]

Respuestas:

secciones

La comunidad

Mi Cuenta