New question

Question:

Date: 07-06-2017 08:58:58 (In Spanish)

Aporte: alertas con estilo utilizando un script llamado SweetAlert[Resolved]

Buenas,

Hoy les presento una alerta que he puesto en algunos sitios web y aplicaciones.

El ejemplo de hoy es para una alerta de tratamiento de datos.

Librerias vinculadas:
 <script src="dist/sweetalert-dev.js"></script>
  <link rel="stylesheet" href="dist/sweetalert.css">]

Sitio Sweet alert para descargar librerias

Ejemplo de mi alerta de tratamiento de datos:
$exibirAlerta = false;
  # Verificanmos si existe o no la cookie
  if(!isset($_COOKIE["mostrarAlerta"]))
  {
    # Caso no exista la cookie, la crearemos aqui
    # Creamos la cookie con la duración que queramos
 
    $expirar = 3600; // muestra cada 1 hora
    //$expirar = 10800; // muestra cada 3 horas
    //$expirar = 21600; //muestra cada 6 horas
    //$expirar = 43200; //muestra cada 12 horas
    //$expirar = 86400;  // muestra cada 24 horas
    setcookie('mostrarAlerta', 'SI', (time() + $expirar)); // mostrara¡ cada 1 hora.
    # Ahora nuestra variable de control pasará a tener el valor TRUE (Verdadero)
    $exibirAlerta = true;
  }


y al final de nuestra etiqueta Body
 <?php if($exibirAlerta === true) : // Si la variable de control "$exibirAlerta" es igual a TRUE activa nuestra Alerta y será visible a nuestros usuarios. ?>
   <script>
swal({
  title: "Informacion Importante",
  text: "<h3>Al navegar por nuestro sitio Web Acepta nuestras Politicas de tratamiento de datos y Privacidad la cual puede encontrar <a target='_blank' href='servicio_cliente.php'><strong>Aqui</strong>.</a></h3>",
  html: true,
  type: "info",
  confirmButtonText: "Aceptar"
});
</script>
<?php endif; ?>


Ejemplo en funcionamineto: https://bmlltda.com/

Gracias y espero les sea de utilidad, también pueden usarla para mensajes en sus desarrollos, en el link del script existen otros ejemplos muy prácticos.
Tags: $_COOKIE - Framework - HTML - Input - Javascript - Library - PHP Votes: 2 - Answers: 6 - Views: 20 Share on: Google Facebook Twitter LinkedIn Link
 

Answers:

  • Date: 07-06-2017 11:16:10 Hola Bryan, muy buen aporte, seguramente será provechoso para muchos desarrolladores, muchas gracias +1

    Saludos!
      Votes: 1 - Link answer
     
  • Date: 07-06-2017 16:03:52 Bryan
    Muchas gracias por tu aporte en muchos casos se necesita utilizar alertas o notificaciones. El Que presentas es interesante para ser utilizado +1
    Me sumo dejando tres para utilizar con Bootstrap.
    Librería Bootbox.js
    Bootstrap Notify
    Sin librería a puro codigo.

    Saludos
      Votes: 2 - Link answer
     
  • Date: 08-06-2017 09:09:06 Walter
    La de Bootstrap Notify me gsuta bastante

    Gracias
      Votes: 1 - Link answer
     
  • Date: 08-06-2017 11:57:11 Bryan aun no he utilizado a ninguno de ellos pero tengo pensado en implementarlo.
    El que más me ha gustado es el de Bootstrap Notify, es elegante y posee varias opciones

    Si en algún momento utilizas alguno de ellos danos tu opinión al respecto y si lo deseas puedes dejar algún codigo de ejemplo de uso ;)

    Saludos
      Votes: 0 - Link answer
     
  • Date: 11-06-2017 04:31:18 pagina con la alerta
    <!-- Alerta Js -->
    <script src="assets/js/sweetalert2.min.js"></script>
    
    <?php if (!$_SESSION['alert'] == "") { ?>
        <script type="text/javascript">
            swal("<?php echo $sitio; ?> dice:", "<?php echo $_SESSION['message']; ?>", "<?php echo $_SESSION['type']; ?>");
        </script>
    <?php }
    unset($_SESSION['alert']);
    unset($_SESSION['message']);
    unset($_SESSION['type']);
    ?>

    y desde otra pagina de donde se envia el info al alerta
     if (!$stmt) {
                            $_SESSION['alert'] = "si";
                            $_SESSION['message'] = "Contraseña actualizado con éxito!";
                            $_SESSION['type'] = "success";
                        }
    
      Votes: 1 - Link answer
     
  • Date: 12-06-2017 12:47:02 Para los que utilizamos Laravel aquí un tutorial de sweet alert

    Mensajes de sesión con SweetAlert en Laravel


      Votes: 2 - Link answer
     
To actively participate in the community first must authenticate, enter the system.Sign In