Jquery Toast Plugin

jQuery Toasr Plugin es un plugin realizado para mostrar mensajes de texto estilo Toast (Clase utilizadas en el SDK android), al usar este plugin tenemos la facultad de mostrar un mensaje tipo toast de diferente color, además de eso se pueden cambiar de iconos para tener una solución diferente muy amigable y muy llamativa, lo interesante de este plugin es que es muy configurable que puedes inclusive mover de lugar (izquierda, derecha, centro), en general este plugin tiene configuraciones que permiten controlar los elementos Toast generados, pero bueno no se diga más y veamos la implementación, también puedes apoyarte con la documentación oficial que se encuentra en el siguiente enlace: http://kamranahmed.info/toast

Vamos a empezar a implementar el plugin de la siguiente forma:

Paso 1.- Incluir las referencias a los archivos css y js de la siguiente forma:

 <link rel="stylesheet" href="css/jquery.toast.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.toast.js"></script>

Paso 2.- Posterior a esto podemos usar el toast incluyendo el siguiente código

<script>
$.toast('Mensaje del Toast');
</script>

Otro Ejemplo, en este ejemplo podemos ver claramente otra forma de usar el Toast, donde su principal función es la siguiente:

<script>
$.toast({
    heading: 'Information',
    text: 'Loaders are enabled by default. Use `loader`, `loaderBg` to change the default behavior',
    icon: 'info',
    loader: true,        // Change it to false to disable loader
    loaderBg: '#9EC600'  // To change the background
});
</script>

The post Jquery Toast Plugin appeared first on Develoteca.