IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)

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 !

hook.js : rafraichissez vos pages Web par un simple scroll

Le , par FirePrawn

7PARTAGES

Les utilisateurs de smartphones et de tablettes connaissent bien cette fonctionnalité qui consiste à rafraichir une page en la "tirant" avec le doigt.
Le côté pratique de cette fonctionnalité est admis par tous dans la mesure où ces utilisateurs ne disposent ni de souris ni de clavier.

Pourquoi les utilisateurs d'ordinateur ne pourraient-ils pas eux aussi rafraichir les pages Web par un simple mouvement de souris ?
Et bien c'est maintenant possible grâce à cette librairie JavaScript !

Hook.js est très simple d'utilisation. Première étape vous devez bien évidemment télécharger les fichiers (JavaScript, CSS) et les inclure dans votre page :
Code html : Sélectionner tout
1
2
3
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script> 
<link rel="stylesheet" href="hook/hook.css" type="text/css" /> 
<script src="hook/hook.js" type="text/javascript"></script>

Ensuite vous avez juste à ajouter les class correspondante à Hook.js à vos <div> :
Code html : Sélectionner tout
1
2
3
4
5
6
<div id="hook"> 
	<div id="loader"> 
		<div class="spinner"></div> 
	</div> 
	<span id="hook-text">Reloading...</span> 
</div>

Et le tour est joué ! Vous pouvez maintenant rafraichir vos pages par un simple scroll down/scroll up qui simule le "pull".

Télécharger Hook.js.

Source : usehook.com

Et vous ?

Avez-vous déjà géré des rafraichissements de pages de façon inhabituelle ?
Pensez-vous que le "pull to refresh" est utile pour les utilisateurs ?

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