Discussion :

[two3d]

Bonjour,

je tente d'afficher un loader qui couvre ma page le temps du chargement de celle-ci, puis de l'enlever quand elle est complètement chargée.

Le problème est que la page que j'observe se charger est appelée via

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

load("URL...")

Mon code (sommairement):

jquery
load(url 1)

dans "url 1": je tente d'exécuter "window.onload":

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
$(window).on('load',function(){
	alert("ok");
});

Sauf que ça me lance l'alert "ok" juste quand elle s'affiche, mes images n'ont pas encore chargées que l'alert "ok" s'affiche

[NoSmoking]

Bonjour,
c'est sur le load en cours qu'il faut que tu mettes ton message

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
$("#id-element").load("url", function () {
  alert("!!!");
});

[two3d]

Merci j'ai déjà essayé, et lu la doc, ça fait que lancer l'alert lorsque la page est bien "load", enfin je veux dire que load à bien fonctionné mais pas quand c'est "complétement chargée"

[SpaceFrog]

J'ai toujours utilisé

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$(window).load(function(){...})

Sans opposition ...

[NoSmoking]

enfin je veux dire que load à bien fonctionné mais pas quand c'est "complétement chargée"

quelle est la définition pour toi de « complétement chargée » ?

J'ai toujours utilisé

Attention il y a un load dans le load dans son cas.

[two3d]

Merci pour votre aide, oui c'est bien un load dans un load, moi aussi je fais généralement "window load..." mais là ça ne fonctionne pas.

Mon premier message explique bien (je penses) mon problème:

1. je load une URL avec jQuery
2. je tente d'afficher un loader (gif ou autre) le temps du chargement de l'URL
problème: j'ai beau faire un $(window).on('load',function(){... dans l'URL "loadée" (vive le frenglish ), ça ne marche pas

load(url 1)

dans "url 1": je tente d'exécuter "window.onload":

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
$(window).on('load',function(){
	alert("ok");
});

Sauf que ça me lance l'alert "ok" juste quand elle s'affiche, mes images n'ont pas encore chargées que l'alert "ok" s'affiche

[NoSmoking]

toujours pas de réponse à :

quelle est la définition pour toi de « complétement chargée » ?

[two3d]

tous les éléments, on l’occurrence ici, j'ai les images qui ne sont pas totalement chargée lorsque que l'alerte du load est lancée alors que normalement le load fonctionne correctement sur le chargement des images.

[NoSmoking]

Dans l'ordre, tu vas avoir :

• document.DOMContentLoaded
• IMG load
• window.load

après sur le window.load tu n'as aucune garantie que toutes tes images soient affichées, elles sont chargées mais pas forcément toutes visibles, et surtout si tu mets un alert("ok") qui bloque le navigateur.

[two3d]

OK, je pensais que ça chargeait les images le load, comme sur mon site c2script.com j'ai mis un loader pour que tous les éléments se chargent correctement avant l'affichage, et ça fonctionne.