Sweetalert 2 - Mostrar total de venta y cambio a partir de pago

En este post sobre Sweetalert 2 (Sweet Alert 2) veremos un ejercicio práctico: cómo solicitar el pago del cliente y mostrar el cambio (Dinero que se devuelve al comprador cuando entrega una cantidad superior al importe) en la misma alerta, validando todo. Veremos cómo escuchar el cambio del input de la alerta, modificar el HTML de la misma y validar según una variable externa. Recomiendo ver el tutorial de SweetAlert2 antes de leer este artículo. ...

septiembre 21, 2022 · 4 min · 720 palabras · Parzibyte

Mostrar notificación Toast con React

Hoy vamos a ver cómo mostrar una notificación o Toast usando React. Esta notificación puede venir de cualquier lugar o servir para reaccionar a una acción del usuario. Por ejemplo, podemos mostrar un mensaje de éxito o mensaje de error al enviar un formulario, entre otras cosas. No vamos a ver cómo enviar y recibir notificaciones con sockets o esas cosas, sino simplemente una librería para mostrar Toasts o mensajes emergentes en React. ...

diciembre 22, 2020 · 2 min · 338 palabras · Parzibyte

SnackBar con Angular Material

En este post te mostraré cómo lanzar o mostrar un Snackbar en Angular Material, es decir, el paquete que combina los estilos Material Design para el framework Angular. ...

mayo 27, 2020 · 2 min · 398 palabras · Parzibyte

Sweet Alert 2 - Tutorial con ejemplos

Resumen: mostrar una introducción (instalación y uso) a Sweet Alert 2, una librería de JavaScript para mostrar alertas y diálogos de confirmación con un diseño bonito. Te mostraré cómo descargar SweetAlert 2, además de: Mostrar una alerta Personalizar el contenido Mostrar un diálogo de confirmación y saber respuesta del usuario Diálogo personalizado con HTML Mostrar alerta con input para recoger información Todo esto usando JavaScript. Nota: el código mostrado aquí está en GitHub, y la demostración aquí. ...

diciembre 16, 2019 · 5 min · 902 palabras · Parzibyte

Alerta personalizada en Android usando layout

Dialog y AlertDialog con layout personalizado en Android En este post te mostraré a crear un diálogo o alerta personalizada en Android usando un layout creado por nosotros, es decir, crear una alerta personalizada agregando elementos como EditText, Button, etcétera. Las alertas personalizadas en Android sirven para mostrar una alerta que no es una alerta de confirmación, ya que podemos definir un layout personalizado. Para lograr esto vamos a usar la clase Dialog y AlertDialog.Builder. ...

agosto 28, 2019 · 4 min · 769 palabras · Parzibyte

Agregar mensajes flash al redirigir con Spring Boot y Thymeleaf

RedirectAttributes en Spring Boot En este post te mostraré cómo agregar mensajes de aviso que se muestran una sola vez (y al recargar ya no), muy útiles cuando se tiene que mostrar un mensaje por única ocasión cuando se redirige a otra página en Spring Boot. ...

agosto 26, 2019 · 2 min · 245 palabras · Parzibyte

Android - Mostrar diálogo con opciones definidas en un arreglo

Siguiendo con los buenos tutoriales de Android, veamos cómo mostrar una alerta que tenga una lista de opciones como la siguiente: Esas opciones son creadas a partir del contenido de un arreglo. Veremos cómo crear la alerta, definir las opciones, escuchar el click de cada opción y saber cuál de ellas fue seleccionada; todo esto usando AlertDialog.Builder. ...

abril 9, 2019 · 2 min · 379 palabras · Parzibyte

Notificaciones en AngularJS con angular-ui-notification

AngularJS, si bien es un framework que ya no es recomendado hoy en día para realizar proyectos (si eres fan de AngularJS entonces puedes ver a angular.io), tiene un gran uso. Infiero que muchísimos sistemas están escritos con el framework superheroico de Google. En este post se verá cómo mostrar notificaciones usando el framework de JavaScript llamado AngularJS y una librería llamada angular-ui-notification. ...

diciembre 18, 2018 · 6 min · 1080 palabras · Parzibyte