Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

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

Le , par FirePrawn

15PARTAGES

3  0 
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 ?

Une erreur dans cette actualité ? Signalez-le nous !

Avatar de Kaamo
Membre émérite 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 ...
1  0 
Avatar de 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 ?
0  0 
Avatar de 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é.
0  0 
Avatar de 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 ??
0  0 
Avatar de Kaamo
Membre émérite https://www.developpez.com
Le 25/03/2013 à 20:53
Il y a les ononline event | onoffline event sur IE. Jamais testé ...
0  0 
Avatar de 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
0  0