2 dicembre 2009

Nascondere un Div dopo un timeout / settare il timer di un oggetto


E se, dopo aver notificato all'utente l'esito dell'operazione da lui richiesta (aggiornamento, cancellazione, caricamento...), volessimo far scomparire il messaggio dopo un certo tempo?

Ciò può essere utile per recuperare spazio all'interno della pagina e per non appesantire troppo l'applicazione dal punto di vista dell'interazione con l'utente: è giusto avvertire l'utente di ciò che è accaduto, ma non più del tempo necessario. L'utente potrebbe stancarsi di leggere il messaggio di notifica che rimane lì per sempre o per un tempo molto lungo.

Non è difficile ovviare a ciò. Possiamo utilizzare una funzione come la seguente per far scomparire il messaggio

function timer(){
  HideContent('fatto');
}


accoppiata con l'evento onload di Javascript inserito nel tag "body" della nostra pagina.

body onload="javascript:ShowContent('fatto');setTimeout('timer()', 5000);"

Ecco un esempio funzionante che permette di far scomparire il div messaggio dopo 5 secondi dal caricamento della pagina. Utilizzare questo piccolissimo trucchetto nel momento opportuno e nelle giuste situazioni, sarà sicuramente un effetto gradito agli occhi dell'utente.

Nessun commento:

Posta un commento