Un esempio di HTML5 e Javascript

Loading

L’HTML 5 mette a disposizione alcuni nuovi attributi in grado di gestire nuovi eventi.

Nell’esempio che andiamo a vedere ci occuperemo degli attributi

  • onoffline
  • ononline

Utilizzandoli in associazione ad una funzione javascript possiamo catturare lato client il fatto che l’utente stia lavorando in linea o meno.


Per prima cosa creiamo una semplice pagine html:




  Online o offline?
  




  

Attualmente sei: (Stato non disponibile)

In pratica mediante questi attirbuti siamo in grado di catturare l’eveto legato all’essere online o meno.
Quando viene catturato questo evento viene chiamata la funzione onLoffL() che non fa altro che scrivere nella pagina l’attuale stato.

Per vedere una demo potete collegarvi al seguente indirizzo:
http://demo.studio-88.it/html5-on-off.html