Discussion :

[FirePrawn]

Utilisez hook.js pour obtenir le "pull to refresh" bien connu des utilisateurs de smartphones et de tablettes
Pour rafraichir vos pages Web � partir d'un ordinateur

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 - Visualiser dans une fen�tre � part

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 - Visualiser dans une fen�tre � part

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 ?

[poringkiller]

Je ne vois pas l�int�r�t sur desktop, le seul avantage sur mobile est d'�viter de prendre de la place sur l'interface avec un bouton "rafra�chir".
Hook.js demande d'effectuer un mouvement vers le haut avant de tirer la page vers le bas, ce qui ne colle pas au mod�le d'utilisation du pull to refresh sur mobile.

[FirePrawn]

C'est l'inverse

Il faut d'abord faire un scroll down pour ensuite faire un scroll up (simulation du pull sur mobile/tablette donc).