Rechargement de contenu et header

Version imprimable

28/07/2011, 14h39
Petit Rasta

Rechargement de contenu et header

Bonjour à tous,

Je suis en train de réaliser un site pour ma société.
Pour l'affichage des pages j'ai mis en place une solution js qui récupère l'adresse du lien, qui vide une balise div où il y a le contenu puis le remplace par le contenu de la page en question.
Ceci permet d'éviter un rechargement global de la page.
Cependant j'ai un problème que je n'arrive pas à régler :

J'ai réalisé une interface d'administration avec un lien vers une page de déconnexion.
Ma page de déconnexion contient un header sur ma page index.
Le problème c'est que mon lien "se déconnecter" implique un rechargement de ma balise contenu ce qui fait qu'à la fin de l'opération je me retrouve avec une page index dans ma balise contenu ...

J'ai beau tourner le problème dans tous les sens je n'arrive pas à trouver de solution ...

Merci d'avance pour votre aide !
28/07/2011, 15h20
RomainVALERI

Tu peux nous montrer le code en question ? ^^

Voici le code js pour le changement de contenu de ma balise avec l'id contenu :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
var $c = jQuery.noConflict(); //Evite les conflits avec Mootools
var test;
 
$c(document).ready(function(){ // le document est chargé
$c("a").click(function(){ // on selectionne tous les liens et on définit une action quand on clique dessus
test = $c(this).attr('href'); // on recuperer l' adresse du lien
$c.ajax({ // ajax
url: test, // url de la page à charger
cache: false, // pas de mise en cache
success:function(php){ // si la requete est un succès
afficher(php); // on execute la fonction afficher(donnees)
},
error:function(XMLHttpRequest, textStatus, errorThrows){ // erreur durant la requete
}
});
return false; // on desactive le lien
});
});
 
function afficher(donnees){ // pour remplacer le contenu du div contenu
$c("#contenu").empty(); // on vide le div
$c("#contenu").append(donnees); // on met dans le div le résultat de la requete ajax
}

28/07/2011, 15h45
RomainVALERI

Ce code ne concerne que les liens (<A>) : si tu veux éviter de modifier la fonction, tu peux contourner le problème en transformant ton lien de déconnexion en <span>, ce qui ne t'empêche pas d'attacher tous les traitements que tu veux, en l'occurrence ta fonction de déconnexion. Quitte à reconstituer à coup de règles CSS la même apparence que tes autres liens si c'est souhaitable.

Ce n'est certainement pas la seule manière de procéder, mais je la suggère comme une piste possible :)
28/07/2011, 15h50
Watilin

À mon avis, tu détournes le rôle d'Ajax. À quoi bon éviter un « rechargement global de la page » si tu charges dans une <div> le contenu d'une page entière ? Ça complique la conception du site (cf. ton problème), et ça perturbe également l'utilisateur, qui ne peut pas utiliser les fonctions habituelles d'historique et de marque-page de son navigateur.
28/07/2011, 15h59
Petit Rasta

Ouais je sais bien mais ça évite de recharger toute la page et ses plugins js ...
Je me demande si je ne vais pas l'enlever ... mais je trouvais le principe sympa.
Pour le <span> je ne vois pas comment faire ?
28/07/2011, 16h15
RomainVALERI

Citation:

Envoyé par Petit Rasta

Ouais je sais bien mais ça évite de recharger toute la page et ses plugins js ...
Je me demande si je ne vais pas l'enlever ... mais je trouvais le principe sympa.
Pour le <span> je ne vois pas comment faire ?

Qu'est-ce qui te pose problème pour le span ? :? (montre-nous éventuellement le code concernant le lien de déconnexion tel qu'il est en ce moment)

Mais bon : ce n'était qu'une bidouille ponctuelle (ou "rustine" ^^) destinée à répondre à la problématique spécifique.
D'une manière plus globale, c'est Watilin qui a raison ;)
28/07/2011, 16h33
Bovino

Citation:

Ouais je sais bien mais ça évite de recharger toute la page et ses plugins js ...

Logiquement, tout les éléments sont mis en cache, donc il ne devrait pas y avoir de problème de chargement ;)
29/07/2011, 10h13
Petit Rasta

Bon j'ai suivi vos conseils et j'ai donc désactivé ce code js.
En fait je ne rechargeais pas entièrement la page mais uniquement le contenu texte-image du corps.
En somme mes articles.
Oui je pense que c'est gardé en cache mais il y a quand même un temps de latence à l'affichage du slideshow avec wamp ...
Je pense que ce sera idem sur un serveur web de production.
C'était essentiellement pour éviter ceci parce que à certain moment j'ai tout le contenu de ma page sauf le slideshow ce qui est un peu crado !
Le slide en question est nivo-slider 2.6 mais j'ai remarqué qu'il plantait au bout d'un moment avec firefox.
Les caption partent en vrille au bout de quelque passage :(