Discussion :

[Shandler]

Bonjour,

Je débute avec jquery et j'ai pas trouver de tutorial ou d'aide pour cree un refraichissement d'un page ou d'un div particulier de cette page.

Sachant que ce rafraichisement doit intervenir aprés la fermeture d'une fenetre modal.

Merci a vous.

[Kerod]

Détailles un peu plus ton problème afin de voir ce que l'on peut te donner

[Shandler]

Donc jai une page avec un lien qui utilise Highslide, ce lien permet d'ouvrir une fenetre modal avec un formulaire et donc j'aimerais pouvoir faire en sorte que quand on ferme cette fenetre la page où il y a lien se rafraichisse et le mieux ca serait juste une partie de cette page.

J'ai trouver ca pour Highslide qui marche bien mais avec une alert :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
hs.Expander.prototype.onAfterClose = function (sender) {
   return confirm("gooooooo");
}

Merci de ton aide

[Kerod]

As-tu essayé de remplacer le return confirm par une fonction jQuery ?

Par exemple : $("#id_div").html("contenu à insérer");

[Shandler]

J'ai oublié de dire que aprés validation du formulaire de la fenetre modal les donnees vont en base de donnee et donc c'est que aprés fermeture de la fenetre les donnee validé doivent apparaitre dans un div de ma page.

Car ce que tu me propose c'est bien pour insérer un contenu particulier ?

Merci a toi.

[Kerod]

Je savais pas tout ça. Donc si je comprends ton confirm sert à dire si oui ou non insertion dans une BDD avec AJAX. C'est bien ça ?

Quoi qu'il en soit pourquoi ne pas la faire lorsque tu récupères le résultat de la bonne insertion en BDD par AJAX ?

[Shandler]

Je me suis mal expliquer, en faite ce que jai donné c'est juste une méthode pour arriver a ce que je veux car en faite a la place de return confirm j'essai de mettre le code pour rafraichir.

Merci a toi.

[Kerod]

Je me suis mal expliquer, en faite ce que jai donné c'est juste une méthode pour arriver a ce que je veux car en faite a la place de return confirm j'essai de mettre le code pour rafraichir.

Si tu souhaites retirer le return confirm pour mettre un nouveau code qui permettrait de mettre à jour le texte d'un élément HTML alors celui que je t'ai donné plus haut est fait pour ça. Bien sur il faudra adapter pour que ça fonctionne sur ta page et bien sur que la partie dans html() sera le texte que tu souhaites mettre dans ton élément.

Maintenant il faut savoir où et comment tu vas prendre ce texte.Directement depuis ta modale ? ou avec AJAX suite au clic de fermeture ?

[Shandler]

Sauf que le texte existe deja sur ma page car ce texte et afficher grace a une requete sql sauf que aprés avoir valider mon formulaire un nouveau texte s'ajoute a la suite de celui deja existant d'ou l'utilité de rafraichir ma page car sinon quand je ferme ma modal le nouveau texte ne s'affichera pas.

Aprés je sais pas trop qu'elle est le plus simple si c'est de prendre de la modal ou a la fermeture sachant que le code que je te montre fait l'action a la fermeture de la modale.

Merci a toi.

[Kerod]

Alors là tu as deux possibilités :

• Avant la soumission tu récupères ton texte (celui qui existe déjà) tu le mets dans une variable et à la fermeture tu l'insères à nouveau dans ton div
• A la fermeture et si soumission tu récupères avec AJAX et tu insères.

Perso, je préfère la deuxième solution parce qu'avec la première il faut gérer une variable string etc.

Mais je comprends pas pourquoi le texte soumis se rajoute à la fin de l'autre

[Shandler]

Pour la 2eme solution tu pourrais me donner quelque piste merci et sinon ca se rejoute a la suite car en faite ce modal sert a ajouter un commentaire dc c'est pour ca que ca se rajoute a la suite des autres commentaire.

Merci a toi.

[Kerod]

Tu utilises bien jQuery pour faire ta partie AJAX ? Ben c'est la même chose à faire à la place de ton return confirm

[Shandler]

J'ai oublié de dire, je suis débutant avec jquery donc quand tu me dis faire la même chose ca me parle pas du tous. Peux tu m'éclaircir.

Merci a toi.

[Kerod]

Mets ton code AJAX pour l'autre soumission on va se baser dessus.

[Shandler]

Je voie pas quelle code que tu veux, car moi j'utilise donc le plugin highslide pour la fenetre modal et donc jai pas fait de code ajax.

Merci de ton aide.

[Kerod]

Tout est dans la doc jquery :

• Pour l'aspect AJAX (http://docs.jquery.com/Ajax/jQuery.ajax#options) : un code de ce style

  Code :

  Sélectionner tout - Visualiser dans une fenêtre à part

  1
  2
  3
  4
  5
  6
  7
  8
   $.ajax({
     type: "POST",
     url: "fichier_de_recuperation.php",
     data: "id=identifiant_texte_a_recuperer",
     success: function(msg){
       $("#ton_div").html( msg );
     }
   });

• Pour l'aspect PHP : tu dois déjà savoir comment le faire surtout pour la récupération des données et l'envoi

[Shandler]

Y a un truc que je pige pas, car mon formulaire qui s'ouvre dans ma fenêtre modal a deja tous ce qui faut pour enregistrer les données valider même que aprés validation les formulaire et remplacer par un message disant que l'insertion c'est bien déroulé.

Car j'ai regardé le code que tu me donnes et j'ai compris que ca permet d'insérer les données dans une bdd via le fichier fichier_de_recuperation.php ou je me trompe peut etre.

Merci a toi

[Kerod]

Dans notre cas, aucune insertion, juste une récupération.

[Shandler]

Donc si je comprend bien dans mon fichier, je récupére les info poster grace a mon formulaire mais le probléme comme je te disais aprés validation de mon formulaire y a une autre page qui apparait (toujours dans la modal) qui dit a l'utilisateur que son message est enregistré et donc cette page apparait aprés validation du formulaire grace a la fonction header() en php et donc je n'es plus les information poster dans ma variable post.

Donc je ne peut pas utilisa ca comme ca etant donné que j'applique ce code a la fermeture de ma modale.

Je me trompe peut etre.

Merci a toi.

[Shandler]

J'ai passé la journée a testé et je n'arrive a rien, sachant que j'ai compris ce que je devais faire, en faite a la fermeture de ma fenetre il charge le contenu de ma bdd dans mon div.

J'ai testé le code si dessous mais ca marche pas il me renvoie "$ is not defined" et je voie pas sur quoi je doit faire mon echo dans mon fichier reload.php

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
hs.Expander.prototype.onAfterClose = function (sender) {
 $.ajax({
   type: "POST",
   url: "reload.php",
   data: "id=12",
   success: function(msg){
     $("#ton_div").html( msg );
   }
 });
}

Merci a toi