Question:
Date: 07-06-2017 08:58:58
(In Spanish)
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:
Sitio Sweet alert para descargar librerias
Ejemplo de mi alerta de tratamiento de datos:
y al final de nuestra etiqueta Body
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. Votes: 2 - Answers: 6 - Views: 22 Share on: Google Facebook Twitter LinkedIn Link
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. Votes: 2 - Answers: 6 - Views: 22 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