Bonjour à tous,
Je suis actuellement en remaniement de code que j'ai pondu et j'aimerai faire une animation lors d'un changement/chargement de page.

Mon code jquery charge une page avec la fonction .load et affiche le résultat dans une div.
Voici le code:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
 
$('#button').submit(function() {
			$("#backgroundload").css({
				"opacity": "0.7"});
		  $('#backgroundload').fadeIn("slow");
          $('#load').fadeIn("slow");
          $('#result').load('result.php', {keywords:$('#keywords').val(),searchindex:$('#searchindex').val(),send:$('#send').val()} ,function() {
            $('#load').fadeOut("slow");
			$('#backgroundload').fadeOut("slow");
          });
          return false;
        });
Tout ceci code fonctionne bien.

Mais le changement que je voudrais faire est le suivant:
Au clic j'aimerais arriver sur la fameuse page result.php plutôt que de la charger. Et bien sûr l'animation de "chargement" doit être présent.
Le problème c'est que je ne sais pas à quel moment la lancer:
- au déclenchement de l'évènement puis basculer vers result.php lorsque le résultat est chargé?
ou
- tout de suite arrivé sur la page result.php et charger les informations à charger?

Si l'un d'entre vous peut m'éclairer là-dessus ce serait gentil.

Je vous remercie d'avance !