Cacher la page pendant le chargement (JS / CSS ?)
Fermé
spylller
Messages postés
395
Date d'inscription
dimanche 1 mars 2015
Statut
Membre
Dernière intervention
11 juillet 2019
-
3 juin 2018 à 02:01
spylller Messages postés 395 Date d'inscription dimanche 1 mars 2015 Statut Membre Dernière intervention 11 juillet 2019 - 4 juin 2018 à 18:21
spylller Messages postés 395 Date d'inscription dimanche 1 mars 2015 Statut Membre Dernière intervention 11 juillet 2019 - 4 juin 2018 à 18:21
A voir également:
- Cacher la page pendant le chargement (JS / CSS ?)
- Supprimer une page word - Guide
- Cacher conversation whatsapp - Guide
- Page d'accueil iphone - Guide
- Traduire une page web - Guide
- Créer une page facebook - Guide
1 réponse
jordane45
Messages postés
38138
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 avril 2024
4 649
3 juin 2018 à 10:41
3 juin 2018 à 10:41
Bonjour,
Il te suffit de mettre une DIV contenant une image d'attente au premier plan ( le reste de ton contenu se trouvant dans une DIV cachée (style ='display : none;' par exemple)) et une fois le contenu de ta page ,les CSS et les JS chargés.. tu masques la div d'attente et affiche l'autre.
Tu peux utiliser une fonction qui regarde si la page est chargée ou non
Il te suffit de mettre une DIV contenant une image d'attente au premier plan ( le reste de ton contenu se trouvant dans une DIV cachée (style ='display : none;' par exemple)) et une fois le contenu de ta page ,les CSS et les JS chargés.. tu masques la div d'attente et affiche l'autre.
Tu peux utiliser une fonction qui regarde si la page est chargée ou non
var callback = function(){
//ici tu places le code qui retire la div d'attente et qui affiche le contenu de ta page
};
//code qui permet d'attacher la fonction au chargement de la page
if ( document.readyState === "complete" || (document.readyState !== "loading" && document.documentElement.doScroll)) {
callback();
} else {
document.addEventListener("DOMContentLoaded", callback);
}
4 juin 2018 à 18:21
Je m'y replongerais =)