Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript > Bibliothèques & Frameworks > jQuery
jQuery Forum d'entraide sur le framework jQuery. Avant de poster : Tutoriels jQuery, FAQ jQuery, Tous les tutoriels JavaScript, Toutes les FAQ 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 23/11/2010, 11h39   #1
Invité de passage
 
Inscription : novembre 2010
Messages : 2
Détails du profil
Informations forums :
Inscription : novembre 2010
Messages : 2
Points : 0
Points : 0
Par défaut Jquery, ajax et système de template

Bonjour à tous,

alors voila j'expose mon souci:

je suis actuellement en train de développer un site associatif en utilisant un système de template.

Depuis deux ou trois jours, je me suis mis au développement d'un mini calendrier au mois où les dates évènements sont liés vers l'article correspondant a l'évènement en question.

Là je rencontre un souci concernant les liens pour passer au mois suivant ou précédent. J'ai préféré utiliser l'AJAX plutot que le PHP pour éviter le rechargement de la page.

N'étant pas un expert de javascript et encore moins d'AJAX, j'utilise le framework jquery avec un script que j'ai trouvé sur le web et que j'ai modifier à ma guise :
Code :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
$(document).ready(function(){ 	// le document est chargé
	$("a.mois_suiv").click(function(){ 	// on selectionne tous les liens et on d?nit une action quand on clique dessus
 
		page=($(this).attr("href")); // on recuperer l' adresse du lien
 
		$.ajax({  // ajax
			url: page, // url de la page ?harger
			type: "POST",
			data: ({mois : "suiv"}),
			cache: false, // pas de mise en cache
			success:function(html){ // si la requêté est un succès
					    afficher(donnees) // on execute la fonction afficher(donnees)
			},
			error:function(XMLHttpRequest, textStatus, errorThrows){ // erreur durant la requete
			}
		});
		return false; // on desactive le lien
	});
Ce bout de code fonctionne parfaitement, seulement comme j'utilise un système de template avec des imbrications(,...etc) je souhaiterai qu'AJAX me régénère la page actuelle ENTIEREMENT (prenant en compte les include...etc) en utilisant les nouveaux paramètres PHP définit grâce à la page externe (appelé via AJAX).

j'ai essayé à la ligne "success" :
Code :
1
2
3
success:function(){
$(document).load("index.php");
}
(index.php étant la page affichée avant l'appel AJAX)
Sans succès... Je suis persuadé que c'est cette ligne qu'il faut que je modifie, mais je ne sais pas comment la modifier.

Vous remerciant par avance.
balou01 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 23/11/2010, 12h18   #2
Responsable Développement Web

 
Avatar de Bovino
 
Homme Didier Mouronval
Développeur Web
Inscription : juin 2008
Messages : 13 787
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 787
Points : 35 788
Points : 35 788
Citation:
je souhaiterai qu'AJAX me régénère la page actuelle ENTIEREMENT
Euh... quel est l'intérêt d'AJAX alors ?
__________________
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 actuellement connecté   Envoyer un message privé Réponse avec citation 00
Vieux 23/11/2010, 14h01   #3
Invité de passage
 
Inscription : novembre 2010
Messages : 2
Détails du profil
Informations forums :
Inscription : novembre 2010
Messages : 2
Points : 0
Points : 0
et bien de ne pas avoir le "rechargement" intempestif de la page par le navigateur...

En fait j'ai peut être mal exposé mon problème...

le code de base est :

Code :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
$(document).ready(function(){ 	// le document est chargé
	$("a.mois_suiv").click(function(){ 	// on selectionne tous les liens et on d?nit une action quand on clique dessus
 
		page=($(this).attr("href")); // on recuperer l' adresse du lien
 
		$.ajax({  // ajax
			url: page, // url de la page ?harger
			type: "POST",
			data: ({mois : "suiv"}),
			cache: false, // pas de mise en cache
			success:function(html){ // si la requêté est un succès
				afficher(donnees);	    // 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
	$("#calendrier").empty(); // on vide le div
	$("#calendrier").append(donnees); // on met dans le div le r?ltat de la requete ajax
}
qui est fait pour modifier le contenu de la div dont l'id est calendrier par le contenu envoyé par la page externe (appelée par AJAX).

AJAX ne me considère pas cette page externe comme une inclusion dans ma page mais comme une page a part entière du coup tout le reste de ma page n'est pas construit...

Utilisant un système de template, il m'est difficile (du moins je ne vois pas comment je pourrais faire) pour inclure un tel fichier externe (construit sur la base de template) dans mon div calendrier.

Cependant, si j'arrive via AJAX a modifier mes variables (via la page externe), je pourrai en "actualisant" toute la page actualiser mon div calendrier tout en ayant le reste de la page construite...

Voila pourquoi je voudrait une "actualisation" entière de ma page.

Sinon une autre possibilité serait qu'AJAX exucute la page externe au sein de la page lue...

merci.
balou01 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 26/11/2010, 00h37   #4
Rédacteur
 
Avatar de danielhagnoul
 
Homme Daniel Hagnoul
Étudiant perpétuel
Inscription : février 2009
Messages : 3 221
Détails du profil
Informations personnelles :
Nom : Homme Daniel Hagnoul
Âge : 61
Localisation : Belgique

Informations professionnelles :
Activité : Étudiant perpétuel
Secteur : Enseignement

Informations forums :
Inscription : février 2009
Messages : 3 221
Points : 6 767
Points : 6 767
Bonsoir

Lorsque vous avez terminé avec succès la transaction AJAX, avec jQuery 1.4.4 vous pouvez utiliser jQuery Template et jQuery Data pour actualiser la page.

Voir : http://www.developpez.net/forums/d98...ins-officiels/

Exemples, voir : http://www.developpez.net/forums/d98...e/#post5532978
__________________

FAQ jQuery

Mon cahier d’exercices sur jQuery & Co

Si un message vous a aidé ou vous semble pertinent, votez pour lui !
danielhagnoul est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 26/11/2010, 08h48   #5
Membre éclairé
 
Avatar de llaffont
 
Loïc Laffont
Inscription : juin 2007
Messages : 495
Détails du profil
Informations personnelles :
Nom : Loïc Laffont
Âge : 34
Localisation : France, Loire (Rhône Alpes)

Informations forums :
Inscription : juin 2007
Messages : 495
Points : 380
Points : 380
=> danielhagnoul : je pense que tu t'égares. il me semble qu'il parle de Template PHP.

=> balou01 : Il me semble que tu n'a pas compris l'intérêt d'AJAX.

Avec Ajax tu peux tout faire, recharger une page complète ou simplement actualiser un bout de ta page. La seule méthode chiante à gérer sont les Frame, mais j'espère que tu n'utilise plus ça

Si tu ne trouve pas comment faire nous sommes là pour t'aiguiller.

Dans un premier temps précise nous ce que tu entends par "Template" et comment tu les appels.
__________________
En théorie tout devrait fonctionner...

La France a un incroyable talent : Son retard en technologie informatique
llaffont est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 26/11/2010, 11h05   #6
Rédacteur
 
Avatar de danielhagnoul
 
Homme Daniel Hagnoul
Étudiant perpétuel
Inscription : février 2009
Messages : 3 221
Détails du profil
Informations personnelles :
Nom : Homme Daniel Hagnoul
Âge : 61
Localisation : Belgique

Informations professionnelles :
Activité : Étudiant perpétuel
Secteur : Enseignement

Informations forums :
Inscription : février 2009
Messages : 3 221
Points : 6 767
Points : 6 767
Citation:
Envoyé par llaffont Voir le message
=> danielhagnoul : je pense que tu t'égares. il me semble qu'il parle de Template PHP.
Monsieur Laffont, il m'arrive de me tromper, comme tout le monde, mais je sais parfaitement qu'il parle de PHP, la première merveille du monde informatique.

Je lui signale simplement que maintenant (jQuery 1.4.4) on peut traiter les données reçues du serveur avec le template jQuery. Il est fort possible que cela ne l’intéresse pas, mais il est toujours intéressant de savoir que la possibilité existe.
__________________

FAQ jQuery

Mon cahier d’exercices sur jQuery & Co

Si un message vous a aidé ou vous semble pertinent, votez pour lui !
danielhagnoul est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 26/11/2010, 15h56   #7
Membre éclairé
 
Avatar de llaffont
 
Loïc Laffont
Inscription : juin 2007
Messages : 495
Détails du profil
Informations personnelles :
Nom : Loïc Laffont
Âge : 34
Localisation : France, Loire (Rhône Alpes)

Informations forums :
Inscription : juin 2007
Messages : 495
Points : 380
Points : 380
Au temps pour moi.

Je ne voulais pas te manquer de respect.
Personnellement l'information m'a intéressé. Mais je préférais préciser afin de ne pas égarer notre ami balou01.
__________________
En théorie tout devrait fonctionner...

La France a un incroyable talent : Son retard en technologie informatique
llaffont est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 11/01/2012, 19h17   #8
Invité de passage
 
Homme
Développeur Web
Inscription : janvier 2012
Messages : 1
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Luxembourg

Informations professionnelles :
Activité : Développeur Web
Secteur : Bâtiment

Informations forums :
Inscription : janvier 2012
Messages : 1
Points : 1
Points : 1
Par défaut Exécuter une fonction php avec jquery

Bonjour a tous.
En fait mon problème est un peu pareil. C-à-d que j'utilise déjà un système templates en php mais je cherche une méthode qui me permet d'exécuter les fonction dans la partie php avec jquery Json en ayant le même résultat. Je m'explique un peu plus: le php devrait valider une demande d'ami par exemple. Alors pot éviter que la page se recharge je veux faire ça en jquery. J'ai essayé et ça marche sauf que je ne peux pas récupérer les message ms retourner par le php car ils sont générer par le moteur template. Par exemple jquery considère toujours que l'invitation est envoyée or qu'il devrait afficher un message disant que le user à déjà invité cette personne.
Martie php: template-> set_message("error", $LANG("member", "pending_request")
Redirect->"url";
Merci de m'aider.
Islembinous est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 08h14.


 
 
 
 
Partenaires

Hébergement Web