Discussion :

[ilalaina]

Bonjour.
J'utilise jQuery 1.3.2.
Pour poster mes formulaires j'utilise le plugin jQuery.form (http://plugins.jquery.com/project/form) afin d'empêcher le chargement de la page. Ainsi je ne m'embête pas avec la répopulation des champs de formulaire en cas d'erreur.
Tout marche à merveille sauf quand c'est un formulaire d'upload.
Ci-dessous mon code :

Code :

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
 
mAjaxForm = function(pForm, pUrl, pBeforeSubmit)
{
    var options = {
        type:           'POST',
        beforeSubmit:   pBeforeSubmit,
        success:        handleResponse,
        url:            pUrl,
        async: true
    };
    $(pForm).ajaxForm(options);
    function handleResponse(responseText, statusText)  {
        fEnable(pForm);
        $('<div style="display: none"></div>').appendTo('body').html(responseText);
    } 
};

responseText contiendra des codes javascript qui créera des fenêtres modal par exemple ...
Puisque le plugin utilise un iframe invisible comme "target" quand le formulaire traite un upload les fonctions dans responseText sont précédées par "parent.". Ca marche aussi.
Mais c'est la fonction handleResponse qui ne marche pas, même si je fais précéder les fonctions par "parent.".

A l'aide. Merci.

[danielhagnoul]

Bonsoir.

Je ne connais pas ce plugin, mais en regardant la documentation (http://malsup.com/jquery/form/#options-object) je trouve :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
// prepare Options Object 
var options = { 
    target:     '#divToUpdate', 
    url:        'comment.php', 
    success:    function() { 
        alert('Thanks for your comment!'); 
    } 
}; 
 
// pass options to ajaxForm 
$('#myForm').ajaxForm(options);

Je vous suggère d'essayer de mettre le contenu de votre fonction « handleResponse » dans « success » :

var options = {
success: function(responseText, statusText) {
...
}