Pendant que UX-tester mes différents sites Web, j'ai souvent remarqué que les gens ont du mal à identifier si leurs "clics" font de quoi que ce soit.
Il existe plusieurs façons d'interface utilisateur de gérer cela, comme les boutons d'animation pour montrer qu'ils ont été poussés, mais j'aimerais explorer une option alternative.
Je voudrais animer ma page avec un chargeur lorsque le navigateur commence à charger une nouvelle page.
est-ce "Chargement d'une nouvelle page" disponible dans JS? Pouvons-nous l'utiliser pour ce genre de chose? Y a-t-il des bibliothèques construites pour cela?
EDIT: Beaucoup semblent confondre ma question, ce qui est compréhensible. Alors voici une tentative de dégager les choses.
pendant la page A, je souhaite détecter qu'un utilisateur a demandé une page B et attend une réponse de serveur. J'aimerais animer la page A en attendant la réponse du serveur et la première peinture de la page b.
3 Réponses :
Vous pouvez utiliser jQuery. https://learn.jquery.com/us-jquery-core/document -Ready /
Vous pouvez afficher une image avant de charger du contenu et la masquer après la charge de document.
De nombreuses bibliothèques sont disponibles en fonction de votre langue de mise en œuvre.
Pour un exemple de base, vérifiez W3Schools
Je suppose que seul Par exemple: < / p> Tags redirige vers la page B afin que vous puissiez placer un auditeur à tous ces balises qui montrent l'animation et masquez le reste de la page Changement de l'état du "style de visibilité" avec objet.style.visbilibieux = "visible | caché | Collapse | Initial | hériter" avant de rediriger vers B.
Bonjour @carlos, je cherche un moyen d'animer une page pendant le chargement de la page suivante, donc plus d'une animation "EXIT" que d'une entrée!
Salut @carlos et merci pour la modification. Cela ne fera-t-il pas toujours causer le problème du "bouton arrière" où si je navigue sur la page, je verrai toujours l'animation en cours d'exécution?
@Brachamul aussi loin que j'ai essayé, cela ne m'a pas donné aucun problème même lorsque vous appuyez sur le bouton "BACK" du navigateur. Assurez-vous que l'animation dispose de la propriété Afficher SET sur Aucun dans le HTML. Par exemple.
Je pense que vous voulez dire:
Comment détecter-je, si l'état du navigateur est: «Chargement d'une nouvelle page maintenant»? , pasComment puis-je afficher une icône de chargement / spinner / progression bar?Dupliqué possible de Stackoverflow.com/Questtions/14980284/page-loading-status