Discussion :

[Phach]

salut,

je galère depuis un moment sur ce probleme.

Il s'agit pour moi de soumettre un formulaire en ajax. Jusque là rien de bien compliqué avec ajaxForm. Mais ce formulaire est dans un "onglet" qui est chargé dynamiquement en ajax lors d'un clic. Il y a plusieurs onglet sur ma page et je ne charge que la partie qui m'interesse à chaque fois.

Lorsque je place ce formulaire + l'appel ajaxForm sur la page principale, ca fonctionne normalement, logique.
Quand j'essaie de faire la meme chose sur le formulaire chargé dynamiquement dans l'onglet, ca ne fonctionne plus.

Je sais pas si je suis clair, c'est pas simple à expliquer.

Bref, est-il possible de réaliser celà avec jquery et ajaxForm ?
de quelle manière ?

Merci de votre aide.

[Carabi]

Bonjour à toi,

Oui ça doit être possible ne t'en fais pas

En fait, ton formulaire est chargé dynamiquement, ce qui veut dire qu'il n'est pas pris en compte lors du chargement de ta page, dans la mesure où il est arrivé après. Il faut donc que tu déclare la fonction de son traitement en même temps que sa génération. Si tu génère de l'HTML, alors tu inclus ta fonction JS à l'intérieur, elle pourra dans ce cas être exécutée.

C'est comme ça que j'avais fait pour ma part, mais il doit peut-être y avoir une solution plus simple :p

Bon courage !!

[Bovino]

Tu n'aurais pas un petit bout de code à montrer (voire une page de test) pour nous permettre de commencer à voir où est le problème ?

[Phach]

Bonjour à toi,

Oui ça doit être possible ne t'en fais pas

En fait, ton formulaire est chargé dynamiquement, ce qui veut dire qu'il n'est pas pris en compte lors du chargement de ta page, dans la mesure où il est arrivé après. Il faut donc que tu déclare la fonction de son traitement en même temps que sa génération. Si tu génère de l'HTML, alors tu inclus ta fonction JS à l'intérieur, elle pourra dans ce cas être exécutée.

C'est comme ça que j'avais fait pour ma part, mais il doit peut-être y avoir une solution plus simple :p

Bon courage !!

oui c'est ce que j'ai essayé de faire, mais je pense que ca bloque au niveau du déclencheur. la techno ajax, j'apprends un peu sur le tas. Je suis ingé réseau/systeme et je sais coder en php, etc, je comprends aussi le fonctionnement de l'ajax, mais là ca manipule des librairie que je maitrise pas encore bien (jquery).

voila le schéma :

je suis sur une page "profil", sur celle ci, je clic sur un onglet "préférences" qui me charge via ajax un formulaire (prefences.php) dans ma boite à onglet déjà chargé. Ca tu avais compris je crois.

Maintenant, j'ai ajouté ceci dans preferences.php c'est l'appel du script (updateProfile.php) qui va prendre en compte mon formulaire avec la div (#updateStatus) qui recoit la réponse
#f_infos est mon formulaire.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
	<script type="text/javascript">
	$(document).ready(function() { 
		var options = { 
			target: '#updateStatus',   
			url: 'updateprofile.php'
			};
 
			$('#f_infos').submit(function() { 
				$(this).ajaxSubmit(options); 
				return false; 
		}); 
	}); 
	</script>

je pense que le probleme vient de $(document).ready(function() mais je sais pas quoi mettre.

Tu n'aurais pas un petit bout de code à montrer (voire une page de test) pour nous permettre de commencer à voir où est le problème ?

trop compliqué, j'ai essayé mais j'arrive pas isoler la page, comme je developpe en local.


Merci pour l'aide apportée en tout cas.

[Bovino]

je pense que le probleme vient de $(document).ready(function() mais je sais pas quoi mettre.

Code :

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

$(function(){});

suffit effectivement, mais le problème ne vient pas de là, il doit provenir du fait que quand ta div est mise à jour, la structure du formulaire doit poser problème... (même la partie non affichée est susceptible d'être prise en compte).

[Phach]

juste une question, l'endroit où se trouve le code suivant a-t-il une importance car c'est clair que ce code n'est pas executé puisque j'ai essayé avec un simple alert() dans cette fonction lors du submit du formulaire, il n'est pas affiché :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script type="text/javascript">
	$(function() { 
		var options = { 
			target: '#updateStatus',   // target element(s) to be updated with server response 
			url: 'updateprofile.php'
			};
		//	alert('coucou');
			$('#f_infos').submit(function() { 
		//	alert('coucou2');
				$(this).ajaxSubmit(options); 
				return false; 
		}); 
	}); 
	</script>