Salut tout le monde,
Dans un projet j'utilise Xajax pour gérer la pagination des résultats d'une recherche.
Pour que ce changement de page soit visuellement sympa, j'ai ajouté des scripts de scriptaculous pour faire des animations (Fade et Appear). Ainsi la page en cours disparait, ses données sont changées, puis elle réapparait.
Pour ceux qui ne connaissent pas scriptaculous, "Effect.Fade($(page));" reviendrait à faire un document.getElementById('page').style.display = 'none';, et Effect.Appear($(page)); reviendrait à faire un document.getElementById('page').style.display = '';
J'ai donc dans ma page le code html suivant:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6 <div id="page"> Contenu de la page </div> <a href="javascript: void(0);" onclick="Effect.Fade($(page));xajax_affichePage('1')"> 1 </a> <a href="javascript: void(0);" onclick="Effect.Fade($(page));xajax_affichePage('2')"> 2 </a> <a href="javascript: void(0);" onclick="Effect.Fade($(page));xajax_affichePage('3')"> 3 </a>
Mon code côté serveur ressemble à ceci:
Tout ceci fonctionne parfaitement sous firefox 2 et sous IE 6, par contre sous firefox3, il arrive que la page disparaisse à jamais...
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11 function affichePage($nbPage){ $response = new xajaxResponse(); // Récupération des données dans $donnees.. // .................................... $response->addAssign('page', 'innerHTML', $donnees); $response->addScript('Effect.Appear($(page));'); return $response; }
En s'enervant sur les liens des pages il est possible de la faire réapparaitre, mais c'est pas glop...
Quelqu'un a t-'il eu le même problème? une idée?
Partager