SweetAlert en OnClick usando PHP

JimmyBrain · #1 (**permalink**) 20/01/2016, 21:28

Hola , estoy haciendo una funcion en PHP para pedir una confirmacion usando SweetAlert en el evento OnClick , el problema es que en ninguno de los dos casos de este codigo funciona :

Código:

<meta http-equiv="content-type" content="text/html; UTF-8" />

<script src="Scripts/jquery-1.4.4.min.js"></script>
<script src="sweetalert/dist/sweetalert-dev.js"></script>
<link rel="stylesheet" href="sweetalert/dist/sweetalert.css">

<body>

<?php

function ShowMessage($titulo,$contenido,$tipo) {
    if($tipo=="ok") {
        //
    }
    else if($tipo=="error") {
        //
    } else if($tipo=="ask") {
echo "
swal({
  title: '$titulo',
  text: '$contenido',
  type: 'warning',
  showCancelButton: true,
  confirmButtonColor: '#DD6B55',
  confirmButtonText: 'Yes, delete it!',
  cancelButtonText: 'No, cancel plx!',
  closeOnConfirm: false,
  closeOnCancel: false
},
function(isConfirm){
  if (isConfirm) {
    return true;
  } else {
    return false;
  }
});
";
    } else {

    }
}

?>

<a href='http://www.google.com' onClick="<?php ShowMessage("test","test","ask"); ?>">Go</a>

<form action="http://www.google.com">
<input type="submit" name="none" text="test" onClick="<?php ShowMessage("test","test","ask"); ?>">
</form>

</body>

El error es que no espera a controlar la respuesta simplemente se redirecciona a la pagina marcada y no pide la confirmacion.

¿ Alguien me podria ayudar ?

pateketrueke · #2 (**permalink**) 20/01/2016, 21:39

¿Si sabes que PHP se ejecuta en el servidor únicamente verdad?

Es imposible que funcione tu código porque entonces la función ShowMessage() de PHP ya se ejecutó e imprimió algo, no se ejecutará en el evento onclick porque son contextos y tiempos diferentes.

Debes resolver tu problema únicamente con Javascript en todo caso.

JimmyBrain · #3 (**permalink**) 20/01/2016, 21:55

Si , tambien lo habia intentado pero es el mismo problema , no espera la confirmacion.

Código:

<script>
function showMessage2(title, text, tip) {
    if (tip == 'ask') {
      swal({
        title: title,
        text: text,
        type: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#DD6B55',
        confirmButtonText: 'Yes, delete it!',
        cancelButtonText: 'No, cancel plx!',
        closeOnConfirm: false,
        closeOnCancel: false,
		showLoaderOnConfirm:true
      },
      function(isConfirm){
        if (isConfirm) {
          return true;
        } else {
		   return false;
        }
      });
	  
    }
  }
</script>

<form action="http://www.google.com">
<input type="submit" name="none" text="Fuck" onClick="return showMessage2('test','test','ask');">
</form>

pateketrueke · #4 (**permalink**) 20/01/2016, 22:22

¿Al menos entiendes cómo funciona Javascript?

El punto es que el evento onclick es "sync" pero tu función es "async" y por ende el resultado de la misma jamás se devuelve de inmediato y de ahí que no funcione como esperas.

Deberías consultar la documentación de la librería que usas para que entiendas como funciona, el combinarla con PHP no hará que funcione por arte de magia.

juancaalbarracin · #5 (**permalink**) 20/01/2016, 23:17

Yo tenia un inconveniente similar lo que he hecho es en el onclick llamar a una funcion JS

Código HTML:

Ver originalonclick="borrar(<?php echo $consulta['id_consultado']?>)"

En la funcion borrar de JS que necesitas usar AJAX

Código HTML:

Ver original<script>
function borrar(code){
    swal({   title: "Esta Seguro?",   text: "EL MENSAJE",   type: "warning",   showCancelButton: true,   confirmButtonColor: "#DD6B55",   confirmButtonText: "Si, Eliminar!",   cancelButtonText: "No, cancelar la eliminación!",   closeOnConfirm: false,   closeOnCancel: false }, function(isConfirm){   if (isConfirm) { eliminanomas(code); swal("Documento Eliminado!", "MENSAJE DE ELIMINACION", "success");   } else {     swal("Cancelado", "MENSAJE DE CANCELACION", "error");   } html:true });
}
</script>

entenderás que la funcion "eliminanomas" envia a traves de ajax a php para que haga el delete

xfxstudios · #6 (**permalink**) 20/01/2016, 23:51

mira esta:

Código Javascript:

Ver originalfunction eliminaAdjunto(X){
    valor = X;
    swal({   
        title: "Está seguro?",   
        text: "El archivo se eliminará del servidor completamente. Esta acción es irreversible!",   
        type: "warning",   
        showCancelButton: true,   
        confirmButtonColor: "#DD6B55",  
        confirmButtonText: "Eliminar!",   
        cancelButtonText: "Cancelar",   
        closeOnConfirm: false, 
        showLoaderOnConfirm: true,  
        closeOnCancel: false 
        }, 
        
        function(isConfirm){   
        if (isConfirm) {     
        
 
        $.ajax({
            /*data: parametros,*/
            url: 'inspecciones/elimina_adjunto.php?id='+valor,
            type: 'get',
 
            success: function (response) {
                
                $("#lista_adjuntos").html(response);
                $('#carga').removeAttr('disabled');
                
                var controlL = parseInt(document.getElementById('control').value);
                var controlLB = (controlL-1);
                document.getElementById('control').value = controlLB;
                                
                swal("Borrado!", "El archivo ha sido borrado completamente.", "success");
            }
        });
        
         
         } else {    
         
         swal("Cancelado", "Se ha cancelado la acción de eliminar", "error");   
         
         } });
 
    }/*Fin funcion*/

Esa que ves allí es para eliminar un archivo adjunto de la investigación (una app que estoy realizando), realiza varios controles entre otros pero como puedes ver, al aceptar enviar por ajax la petición de eliminación, espero te sirva, es fácil trabajar con esas alertas y combinarlas con php mediante ajax, dependiendo claro de lo que estes haciendo.

Saludos!