Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript
JavaScript Forum programmation JavaScript. Lire : Cours JavaScript, FAQ JavaScript, Toutes les FAQ JavaScript et Sources JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 28/07/2011, 14h39   #1
Nouveau Membre du Club
 
Inscription : octobre 2009
Messages : 166
Détails du profil
Informations forums :
Inscription : octobre 2009
Messages : 166
Points : 33
Points : 33
Par défaut 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 !
Petit Rasta est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 28/07/2011, 15h20   #2
Expert Confirmé Sénior
 
Avatar de RomainVALERI
 
Homme Romain VALERI
POOête
Inscription : avril 2008
Messages : 2 573
Détails du profil
Informations personnelles :
Nom : Homme Romain VALERI
Âge : 35
Localisation : France, Meurthe et Moselle (Lorraine)

Informations professionnelles :
Activité : POOête

Informations forums :
Inscription : avril 2008
Messages : 2 573
Points : 4 075
Points : 4 075
Tu peux nous montrer le code en question ? ^^
__________________

...pour les linguistes et les curieux >>> générateur de phrases aléatoires

__________________
RomainVALERI est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 28/07/2011, 15h34   #3
Nouveau Membre du Club
 
Inscription : octobre 2009
Messages : 166
Détails du profil
Informations forums :
Inscription : octobre 2009
Messages : 166
Points : 33
Points : 33
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
}
Petit Rasta est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 28/07/2011, 15h45   #4
Expert Confirmé Sénior
 
Avatar de RomainVALERI
 
Homme Romain VALERI
POOête
Inscription : avril 2008
Messages : 2 573
Détails du profil
Informations personnelles :
Nom : Homme Romain VALERI
Âge : 35
Localisation : France, Meurthe et Moselle (Lorraine)

Informations professionnelles :
Activité : POOête

Informations forums :
Inscription : avril 2008
Messages : 2 573
Points : 4 075
Points : 4 075
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
__________________

...pour les linguistes et les curieux >>> générateur de phrases aléatoires

__________________
RomainVALERI est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 28/07/2011, 15h50   #5
Membre Expert
 
Avatar de Watilin
 
Homme Matilin Torre
Étudiant
Inscription : juin 2010
Messages : 679
Détails du profil
Informations personnelles :
Nom : Homme Matilin Torre
Âge : 23
Localisation : France, Ille et Vilaine (Bretagne)

Informations professionnelles :
Activité : Étudiant

Informations forums :
Inscription : juin 2010
Messages : 679
Points : 1 202
Points : 1 202
À 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.
__________________
Disposition de clavier ergonomique française : Bépo
Watilin est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 28/07/2011, 15h59   #6
Nouveau Membre du Club
 
Inscription : octobre 2009
Messages : 166
Détails du profil
Informations forums :
Inscription : octobre 2009
Messages : 166
Points : 33
Points : 33
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 ?
Petit Rasta est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 28/07/2011, 16h15   #7
Expert Confirmé Sénior
 
Avatar de RomainVALERI
 
Homme Romain VALERI
POOête
Inscription : avril 2008
Messages : 2 573
Détails du profil
Informations personnelles :
Nom : Homme Romain VALERI
Âge : 35
Localisation : France, Meurthe et Moselle (Lorraine)

Informations professionnelles :
Activité : POOête

Informations forums :
Inscription : avril 2008
Messages : 2 573
Points : 4 075
Points : 4 075
Citation:
Envoyé par Petit Rasta Voir le message
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
__________________

...pour les linguistes et les curieux >>> générateur de phrases aléatoires

__________________
RomainVALERI est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 28/07/2011, 16h33   #8
Responsable Développement Web

 
Avatar de Bovino
 
Homme Didier Mouronval
Développeur Web
Inscription : juin 2008
Messages : 13 807
Détails du profil
Informations personnelles :
Nom : Homme Didier Mouronval
Âge : 41
Localisation : France, Gironde (Aquitaine)

Informations professionnelles :
Activité : Développeur Web
Secteur : High Tech - Éditeur de logiciels

Informations forums :
Inscription : juin 2008
Messages : 13 807
Points : 35 793
Points : 35 793
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
__________________
Pas de question technique par MP !
Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi !
Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
Mon livre sur jQuery
Bovino est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 29/07/2011, 10h13   #9
Nouveau Membre du Club
 
Inscription : octobre 2009
Messages : 166
Détails du profil
Informations forums :
Inscription : octobre 2009
Messages : 166
Points : 33
Points : 33
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
Petit Rasta est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 13h57.


 
 
 
 
Partenaires

Hébergement Web