Discussion :

[andlio]

Bonjour à tous !

J'utilise JQuery et le plugin jquery.form pour la création de mes formulaires.

J'ai plusieurs formulaires qui peuvent être utilisés indépendamment.

Cependant dans une page j'affiche plusieurs de ces formulaires dans une seule page : Lorsque je sélectionne un noeud dans une arborescence, j'affiche les formulaires associés à ce noeud avec ajax (pour ne pas recharger toute la page).

Problème : je récupère bien le formulaire, mais pas les scripts. Du coup le formulaire HTML n'est pas transformé en formulaire "JQuery" avec jquery.form.
Et les fonctionnalités javascripts que j'avais développé ne sont pas récupérées non plus...

Alors voici ma question : Comment faire pour utiliser $.get() pour récupérer le formulaire et son contexte (scripts...)

[SimonLib]

Peut-être une piste :
Quand on modifie le DOM - notamment avec Ajax- il faut : soit recharger les scripts Jquery au retour d'ajax, soit les utiliser dès le début en mode "live" !

[andlio]

Merci pour cette piste !

J'ai regardé $.live() mais elle ne gère pas les évènements "ready" et "load".
Je suis tombé sur un plugin JQuery : jquery.liveReady. Je vais vois ce que cela donne :-)

[andlio]

Quelqu'un a-t-il déjà utilisé le plugin jquery.liveready ?

Mon code n'a pas l'air de fonctionner :-(

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
17
$(function(){
	$.liveReady("#form", function(){
		console.log("live");	
		$("#form_requirement_compliances").ajaxForm({
			type:"POST",
			success:function(data){
				//var divForm = $(data).find("#divForm");
				var divForm = $("#divForm");
				var formRequirementCompliances = $(data).find("#form_requirement_compliances");
 
				//$("#divForm").empty().append(formRequirementCompliances);
				$(divForm).empty().append(formRequirementCompliances);
				showSuccess("Success");
			}
		});
	});
});

Voici le déroulement :

1. Je charge une 1ere fois la page. Le log "live" s'affiche
2. Je soumets mon formulaire. Il est soumis en ajax.
3. Le formulaire est rafraichi comme prévu dans la fonction "success". Mais le log "live" ne s'affiche pas.
4. Je soumets mon formulaire une seconde fois. Il n'est pas soumis en ajax -> la page se recharge

Conclusion : la fonction liveready n'est pas appelé au chargement du formulaire...
Mais pourquoi ??

Edit : en remplaçant $("#divForm") par $(divForm) dans le code javascript, ça fonctionne :-)
Edit 2 : boulette de ma part. En fait le code ne fonctionne pas. J'avais écris "var divForm = $(data).find("#divForm");" donc forcément c'était la div de la page retournée par le proccessSubmit qui était mise à jour mais pas celle de la page affichée... c'est pour ça que le formulaire n'était pas rafraichit et que tout semblait fonctionnais...

[SpaceFrog]

comment est soumis ton form ? avec le bouton submit
si la page se rafraichit entièrement et pas uniquement par ajax il est normal que tu réinitialise la page

[Bovino]

J'ai regardé $.live() mais elle ne gère pas les évènements "ready" et "load".

Quel est le rapport entre ces événements et la soumission d'un formulaire ???