Newsletter Developpez.com

Inscrivez-vous gratuitement au Club pour recevoir
la newsletter hebdomadaire des développeurs et IT pro

Heyoffline.js : avertir les utilisateurs quand la connexion est instable

Le , par FirePrawn, Expert éminent sénior
Prévenez les utilisateurs de votre site que leur connexion est instable
Pour éviter toute perte d'informations

En tant que développeurs, nous devons de plus en plus prendre en compte le point de vue de l'utilisateur afin de créer des sites répondant à tous les besoins.

Dans certains cas, la perte d'informations peut être critique ou encore décourager un utilisateur de revenir sur votre site.
C'est pourquoi Oskar Krawczyk a développé Heyoffline.js pour prévenir de tous problèmes liés à une déconnexion (au sens réseau/internet).
En effet, si l'utilisateur est en train de remplir un quelconque formulaire (d'inscription par exemple) et que sa connexion est instable, il se peut qu'il perde toutes les informations déjà saisies lors de la validation.
Ce script JavaScript permet d'éviter ce comportement.

Heyoffline est écrit en CoffeeScript et compilé en JavaScript.
Il s'affranchit de tous frameworks (vous n'avez pas besoin de jQuery par exemple).
Avec ce script vous pouvez :
  • afficher le message d'erreur réseau uniquement si l'utilisateur modifie un champ ;
  • surcharger les styles par défaut ;
  • masquer le bouton annuler ;
  • et bien plus encore.


Pour plus d'informations je vous invite à consulter le site officiel.

Télécharger Heyoffline.js.

Source : thechangelog.com

Et vous ?

Devez-vous traiter avec des données parfois sensibles ?
Si oui, que faites-vous lorsque celles-ci sont perdues à cause d'une connexion instable ?


Vous avez aimé cette actualité ? Alors partagez-la avec vos amis en cliquant sur les boutons ci-dessous :


 Poster une réponse

Avatar de Kaamo Kaamo - Membre expert https://www.developpez.com
le 25/03/2013 à 14:35
Pas sûr que ça soit compatible IE, si ? Je n'ai pas trouvé d'info là dessus. Elle me semble trop "spécialisée" avec beaucoup de fioriture.

J'utilise une alternative, celle de Remy Sharp. En gros, toutes les 5 secondes il fait une requête AJAX. Si ça jette, le navigateur est offline ...
Avatar de hackoofr hackoofr - Expert éminent https://www.developpez.com
le 25/03/2013 à 18:47
Citation Envoyé par Kaamo  Voir le message
J'utilise une alternative, celle de Remy Sharp. En gros, toutes les 5 secondes il fait une requête AJAX. Si ça jette, le navigateur est offline ...

J'ai essayé la solution de Remy Sharp dans un HTA; mais hélas elle ne marche pas, avez-vous une idée si on peut adapter l'une des deux solutions dans un HTA ?
Avatar de SylvainPV SylvainPV - Rédacteur/Modérateur https://www.developpez.com
le 25/03/2013 à 20:08
Aucune info sur le support

Mais par expérience je sais que les évènements online/offline sont implémentés sur très peu de navigateurs et ne sont pas très fiables. En particulier sur mobile avec les switchs de modes de connectivité.
Avatar de Lorenzo77 Lorenzo77 - Membre expérimenté https://www.developpez.com
le 25/03/2013 à 20:24
Citation Envoyé par Kaamo  Voir le message
Pas sûr que ça soit compatible IE, si ?

pas compatible IE, peut être que la v10 changera ca ??
Avatar de Kaamo Kaamo - Membre expert https://www.developpez.com
le 25/03/2013 à 20:53
Il y a les ononline event | onoffline event sur IE. Jamais testé ...
Avatar de sooprano sooprano - Membre régulier https://www.developpez.com
le 26/03/2013 à 11:19
on pourrait utiliser cache manifest , nouveauté du HTML5, sauf l'incompatibilité avec IE
Offres d'emploi IT
Développeur Web FULL-STACK
VACALIANS GROUP - Languedoc Roussillon - SETE (34)
RESPONSABLE WEB ANALYTICS F/H
VACALIANS GROUP - Languedoc Roussillon - SETE (34)
Développeur WEB PHP F/H
VACALIANS GROUP - Languedoc Roussillon - SETE (34)

Voir plus d'offres Voir la carte des offres IT
Responsable bénévole de la rubrique JavaScript : Xavier Lecomte -