ToastNotification Widget

Crea una notifica toast che spunta da un lato dello schermo per dare un avviso della durata impostata

// API dBJs-ui

Davide Bausach / 12-10-2015

Opzioni e settaggi:
- data-tnDuration : durata della notifica espressa in secondi (default 3)

Standard sintax

    <button type="button" onclick=""ToastNotification('myToastId',function(){ //istruzioni });">Open toast</button>

    <div id="toast-1" class="toastNotification" data-tnDuration="seconds">
      Toast notification content!
    </div>

Example 1

In questo esempio si può vedere la semplicità di questo widget, è sufficiente inserire nel documento un div con classe toastNotification che potrà essere aperto da un evento scatenante che chiama la funzione ToastNotification passandogli come parametro l'id del toast da aprire.

È possibile passare come secondo paramentro, opzionale, una funzione che verrà eseguita all'apertura della notifica.

    <button type="button" onclick=""ToastNotification('toast-1');">Try toast</button>

    <div id="toast-1" class="toastNotification" data-tnDuration="5">
      Operazione eseguita con successo!
    </div>