Discussion :

[A-Imperator]

Bonjour à tous!
Mon premier post sur ce forum qui depuis longtemps me fourni beaucoup de solutions... J'espère que quelqu'un pourra m'aider sur ce problème!


Je vous pose donc la situation.
Je développe un site Web, en PHP, et utilise la libraire Javascript JQuery.
J'utilise une fonction qui me charges du contenu (PHP et Javascript) dans un <div> particulier.

Concrètement:

Code :

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

1
2
3
 
$('#content').html('<img src="ajax-loader.gif" />');
$('#content').load(url);

Donc j'affiche un petit loader gif, puis je charge mon url (la variable url est construite ailleurs dans le code...) avec la méthode .load()

Tout fonctionne parfaitement, sauf que le résultat est assez aléatoire....
Je m'explique:
de temps en temps, le contenu s'affiche une fois que tout mon url est chargé (scripts y-compris), mais le souci est que la plupart du temps, la page s'affiche avant d'être totalement chargée....

Ce que je souhaiterais donc, c'est que mon image gif reste jusqu'au chargement complet de ma page (ie. avec les scripts contenus dans mon url effectués...)!


J'espère avoir été assez clair!
Merci.

A-Imperator

[SpaceFrog]

tu n'utilises pas $(document).ready() ?

[A-Imperator]

Salut!

Merci de prendre le temps de te pencher sur mon souci..!

En effet, je n'utilise pas le $(document).ready(), car je ne vois pas comment l'utiliser dans ce cas...
Le load('fichier.html') injecte le contenu de fichier.html dans le DOM, mais ne se souci pas de savoir si les scripts contenus dans fichier.html sont exécutés.

Donc par exemple

Code :

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

1
2
3
4
 
$(document).ready(function() {
      $('#content').load(url);
});

ne fonctionne pas, car ma page est bien chargée au départ...
Suis-je clair...

Peut-être ce n'est pas comme cela que tu voyais l'utilisation du $(document).ready?

[SpaceFrog]

y'as pas dans toute fonction jquery un second paramètre qui ne s'execute qu'a la fin du premier parmètre?

Code :

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

fonctionjq(function(){....],function(){s'exectue après})

[A-Imperator]

Bonjour SpaceFrog, merci de ta réponse.

En effet il est possible d'ajouter un callback à la fonction load...
Je me suis bien penché sur cette idée, mais que fournir en fonction de callback..?!

Code :

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

1
2
3
4
 
$('#content').load(url, function() {
 // manque d'idée....
});

car le callback sera en effet appelé à la fin de l'exécution... Mais ma page sera affichée tout de même, et les scripts non executés...

[A-Imperator]

Merci SpaceFrog, voici la solution que tu m'as inspiré, et qui me convient parfaitement!

Code :

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

1
2
3
4
5
6
 
$('#content').css("display","none");
$('#content').load(urlComplete,null, function()
	  {
		  $('#content').css("display","block");
	  });

A bientôt et merci!