Notificaciones al usuario con SweetAlert

SweetAlert

Siempre es importante dar respuestas a las acciones realizadas por el usuario y hay muchas formas de lanzar notificaciones o alertas en una web o sistema web. La idea es dejar de usar el famoso alert() de javascript que, aunque funciona no es estético por su diseño y animación antigua... Así que para esta solución tenemos Sweet Alert, con ella conseguimos dar notificaciones y alertas hermosas, estéticas y mucho mas funcional.


Con Sweet Alert se busca reemplazar el aburrido mensaje de alert o confirm nativo de javascript, luego de este artículo tendrás un resultado mucho más agradable, con muy pocas líneas de código.

Sin sweetalert

<script>
    alert("Oops, Algo salió mal!!");
</script>

Con sweetalert

<script>
    swal("Oops, Algo salió mal!!", "error");
</script>

Ejemplo real, estructura completa y fácil instalación usando CDN

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Sweetalert | Rimorsoft Online</title>
    </head>
    <body>

        <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
        <script type="text/javascript">
            swal("Mensaje Simple!");
        </script>
    </body>
</html>

Así empezamos, es un mensaje muy sencillo, pero nos ayuda a ver en terminos generales la estructura e integración con el resto del proyecto... Con solo un poco de lógica puedes implementarlo en tus proyectos de inmediato. Al importar sweetalert.min.js en este caso desde un CDN vemos inmediatamente como funciona con estilo y animación.

Veamos más ejemplos:

Título y descripción

<script type="text/javascript">
    swal("Título", "Descripción");
</script>

Título, descripción, icono (info, warning, error y success)

<script type="text/javascript">
    swal("Título", "Descripción", "success");
    //Puedes colocar warning, error, success y por último info.
</script>

Con opciones

Es como me gusta usar la herramienta, de esta manera el control que tengo es mayor.

<script type="text/javascript">
    swal({
        title: "Título",
        text:  "Descripción",
        icon:  "success",
    });
</script>

Tenemos un repositorio en Github con ejemplos actualizados para que puedas descargarlos, copiar, pegar y lo que necesites para su comprensión. https://github.com/rimorsoft/Ejemplos-Sweet-Alert

Puedes hacer de todo con sweetalert, el resto de la información está en su página oficial https://sweetalert.js.org/docs

Adquiere en preventa y aprovecha un gran descuento TDD en Laravel

Comparte en

Creado por: Venezuela Italo Morales

Profesor de #Laravel y #PHP en Rimorsoft Online

Más información


Ordenar tabla relacionada por id descendente

Hola, necesito usar el orderBy('id', 'DESC') en mi controlador pero no se como incorporarlo sin que me de error necesito que la tabla post se ordene por id descendente pero al ser una tabla relacionada no lo consigo

  public function show($id)
    {

        $product = Product::with('Dsa')->with('Post')->find($id);
        
  

        return view('products...

Carga de registros, con datatables

Sera que datatables no aguanta una cantidad de registro mayor a 1 millon. tengo problemas con esa parte las consultas de busquedas se toman mucho tiempo. alguien que mepueda apoyar en esa parte. ...

Controlador laravel modificar ruta path

Actualmente al subir una imagen con mi Controlador la guarda en una capeta llamada image situada en el directorio public y me gustaria que cuando suba una imagen dentro de la carpeta image cree una nueva carpeta dentro de image con el nombre del usuario y esta sea donde guarde las imagenes pero no consigo agregar esa variable al controlador me da error...

  public functi...

Muriendo a causa de SOAP

Soy nuevo en el uso de web service y en rimorsoft, sin embargo no tengo idea de como crear y que necesito para hacer un servidor soap en php alguien podria ayudarme/orientarme con una guia aunque esta sea pequeña sera bien agradecida...

Tengo un archivo XSD para trabajarlo pero repito, no tengo idea ni de como comenzar y trabajarlo, se que tengo que crear un server soap y d...