Fare internet

E' come il lego, più pezzi ho più sono allegro
Seguci su Facebook Seguici su Twitter Iscrivita ai nostri Feed      Mandaci una mail

Un esempio di HTML5 e Javascript

Scritto da Fare-internet il 25 giugno 2010 condividi condividi

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:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>Online o offline?</title>
  <script>
      function onLoffL(val) {
        document.getElementById(‘stato’).textContent =
        val ? ‘in linea’ : ‘non in linea’;
      }
  </script>
</head>

</head>
<body
     ononline="onLoffL(true)"
     onoffline="onLoffL(false)"
     onload="onLoffL(navigator.onLine)"
>

  <p>Attualmente sei: <span id="stato">(Stato non disponibile)</span></p>
</body>
</html>

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

Twitter