[SPIP Zone] ajax et formulaire

Archives Zone
1

Bonjour,

j’ai un formulaire cvt comprenant 5 cases à cocher et 3 boutons radio. La validation d’un des boutons radio doit renvoyer une erreur.

j’ai également une div contenant 5 articles.

j’ai installé la librairie jquery jflow12 dans un repertoire lib.

j’ai mis mon code dans la page :

$(document).ready(function(){
$("#formulaire_choix_annonces").jFlow({
slides: « #wrapper-left »,
controller: « .jFlowControl »,
slideWrapper : « #jFlowSlide »,
selectedWrapper: « jFlowSelected », width: « 50% », height: « 300px », duration: 400,

});

Lorsque je clique sur une case à cocher mon article s’affiche dans la div.

tout fonctionne bien.

Le problème survient lorsque le formulaire revoie une erreur. le jflow ne fonctionne plus…

cela n’arrive pas si je supprime la classe ajax du formulaire.

Pouvez-vous m’aider ?

Cordialement,

Max

2

jean petit a écrit :

j'ai un formulaire cvt comprenant 5 cases à cocher et 3 boutons
radio. La validation d'un des boutons radio doit renvoyer une erreur.
j'ai également une div contenant 5 articles.
j'ai installé la librairie jquery jflow12 dans un repertoire lib.
j'ai mis mon code dans la page :

$(document).ready(function(){ $("#formulaire_choix_annonces").jFlow({
slides: "#wrapper-left", controller: ".jFlowControl", slideWrapper :
"#jFlowSlide", selectedWrapper: "jFlowSelected", width: "50%",
height: "300px", duration: 400,
});

Lorsque je clique sur une case à cocher mon article s'affiche dans la div.
tout fonctionne bien.
Le problème survient lorsque le formulaire revoie une erreur. le
jflow ne fonctionne plus....
cela n'arrive pas si je supprime la classe ajax du formulaire.

C'est normal lorsque le morceau de HTML inclut dans #formulaire_choix_annonces va être rechargé en «utilisant» ajax, la fonction jFlow que tu lui appliques au début ne sera pas ré-appliquée et donc jFlow ne marchera plus.

Pour que la fonction soit appliquée à chaque rechargement il faut utiliser la fonction onAjaxLoad( function(){...} ); fournit par spip. Il faut ainsi rajouter dans ta page appelante ce petit morceau de javascript:

onAjaxLoad(function(){ $("#formulaire_choix_annonces").jFlow({
slides: "#wrapper-left", controller: ".jFlowControl", slideWrapper :
"#jFlowSlide", selectedWrapper: "jFlowSelected", width: "50%",
height: "300px", duration: 400,
});

ArnAud.