¿Qué es justAlerts?
justAlerts es una librería JavaScript desarrollada por Daniel Navarro Machín (justMe) con jQuery, de código eficiente y minimalista.
Para su uso se necesita un conocimiento básico de la sintaxis de JS y tener incluido en el proyecto la librería jQuery (preferiblemente una versión mayor que la v3.4.1). Pulsa aquí para descargar jQuery.
Estructura de archivos:
La librería incluye entre sus archivos uno CSS (alertas.min.css) donde se declaran los estilos de las notificaciones y otro JavaScript (alertas.min.js) donde se encuentra toda la lógica, que permite funcionar las alertas.
Empecemos:
Para declarar una justAlert debemos invocarla llamando la función alerta().
La función alerta() recibe 6 parámetros:
- Tipo (string):
-
success
-
danger
-
warning
-
info
-
- Mensaje (string): Lo q se desee que ponga la alerta. Para un funcionamiento óptimo, límite recomendado de 150 a 200 caracteres. El mensaje puede contener código HTML.
- X (string): left/right.
- Y (string): top/bottom.
- Tiempo (int): Tiempo en desaparecer las alertas (1000 equivale a 1s).
- Distancia (int): La distancia en px del top/bottom del primer elemento hasta lo mas alto/bajo de la pantalla. Se recomienda poner la misma distancia a alertas con los mismos valores X-Y, por defecto se comienza a partir de los 52px por el botón de cerrar todas las notificaciones.