Discussion :

[Warno]

Bonjour à tous !

Je viens vers vous car malgré des recherches sur le net, je ne trouve pas de solution au problème que j'ai.
Ce que je voudrais faire : un formulaire d'inscription, affiché via FancyBox ( petit module dont toute la doc se trouve là ) qui puisse envoyer une requête AJAX pour vérifier la disponibilité d'un pseudo et la validité d'un mail, et ensuite afficher le résultat de cette requête dans ce formulaire.

Ce que j'ai réussi à faire :
- Afficher le formulaire via FancyBox, sans AJAX qui marche
- Effectuer la requête AJAX et l'affichage du message de retour quand le formulaire est présent sur la page au départ (donc sans affichage FancyBox)

Par contre, je bloque sur la façon dont je pourrais faire les deux à la fois.
J'ai essayé d'appeler mon formulaire via FancyBox de différentes façon ( par AJAX ou par simple affichage d'une DIV ), mais rien n'y fait : le code Jquery ne semble pas actif dans le formulaire lorsque celui-ci est affiché via FancyBox...

Merci de votre aide,

Arnaud.

P.S : à priori, les deux choses devraient être compatible, puisque FancyBox est basé sur Jquery

[danielhagnoul]

Bonjour.

Je n'ai pas le temps d'explorer le problème dans le détail, mais je pense qu'il s'agit de fragment de code (FancyBox) créé lors de l'ouverture de la page. Dans ce cas il faut passer par live pour arriver à interagir, voir : http://docs.jquery.com/Events/live#typefn

[Warno]

Merci beaucoup pour ce lien !

J'ai progressé pas mal, dans le sens où j'arrive maintenant à déclencher ma requête AJAX lorsque le formulaire est affiché avec FancyBox.
Par contre, je n'arrive pas à modifier le contenu de mon formulaire en fonction du résulat de la requête AJAX.

Voici un bout de code qui marche :

Code jQuery :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
$(document).ready(function(){ 
 
 $("#inscriptionSubmit").live("click",function()
{        
        $.post("traitementInscription.php",{ login:$('#nom').val(),prenom:$('#prenom').val(),password:$('#password').val(),mail:$('#mail').val(),portable:$('#portable').val() } ,function(data)
        {
 
          alert(data);
 
       });
 
       return false;
});
 
});

Par contre, si je veux modifier le contenu d'un paragraphe de mon formulaire, ça ne marche plus :

Code jQuery :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
$(document).ready(function(){ 
 
 $("#inscriptionSubmit").live("click",function()
{        
        $.post("traitementInscription.php",{ login:$('#nom').val(),prenom:$('#prenom').val(),password:$('#password').val(),mail:$('#mail').val(),portable:$('#portable').val() } ,function(data)
        {
 
          $("inscriptionMessage").text(data);
 
       });
 
       return false;
});
 
});

Merci encore de votre aide,

Arnaud.

[danielhagnoul]

Bonsoir.

Pour le $. post (), je ne sais pas si cela pourra vous aider, mais jeter un œil sur : http://www.developpez.net/forums/d77...y/#post4481433

[Warno]

Bonsoir,

A priori, je ne pense pas que le problème vienne du $.post, puisque lorsque je fais un simple alert(data), les valeurs affichées me conviennent.
Le problème que j'ai est l'affichage dans le formulaire d'un message en fonction de la donnée retournée par $.post.

Je m'explique :
Par exemple, l'utilisateur entre un mail invalide, qui est détecté via la requête AJAX lors de l'envoi du formulaire.
La méthode $.post() me retourne le message ("Mail invalide").
Ce que je voudrais, c'est afficher ce message en tête de formulaire (sachant que le formulaire est affiché via FancyBox.)

Des idées ?
(j'ai cherché du côté de la méthode live...mais je n'ai pas réussi à aboutir pour l'instant)

Merci de vos réponses,

Arnaud.

[danielhagnoul]

Bonsoir.

Je ne sais pas si je pourrais vous aider, mais sans le code ou un lien vers votre page c'est difficile.