Discussion :

[Lprofessionnelle]

Bonjour
j'ai une petite question, le 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
17
18
19
20
21
 
	$("#addGoupNameForm").submit(function(e) {
		e.preventDefault();
		$("#test").html("Chargement...");
		$.ajax({
			data: {'addGoupName': $("input[name=addGoupName]").val()},
			// dataType : "json",
			type: 'POST',
			url: 'ajax.php',
			success: function (response) {
				// console.log(response);
				$("#test").html("Résultat:<br>");
				$("#test").append(response);
			}
		});
	});
 
	$("#addGroupeChannelForm").submit(function(e) {
		e.preventDefault();
		$("#test").html("Chargement... " + $("input[name=addGroupeChannel]").val());
	});

En gros, j'envoie un formulaire avec le premier code en ajax quand je clic sur l'input submit et ça fonctionne. Le second code c'est aussi un formulaire, mais la page ou il est est chargé en ajax et quand je clic sur le formulaire, il est envoyé normalement, est ce qu'on peut le désactivé et le géré en js lui aussi ?
Merci pour votre aide

[mathieu]

le souci est qu'au chargement de la page, quand le code $("#addGroupeChannelForm").submit est exécuté, le formulaire n'existe pas encore dans la page et donc l'évènement submit n'est pas attaché.

pour gérer ce genre de cas, il faut attacher le submit à élément parent existant en faisant par exemple comme cela :

Code :

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

1
2
3
4
$(document).on("submit", "#addGroupeChannelForm", function (e) {
		e.preventDefault();
		$("#test").html("Chargement... " + $("input[name=addGroupeChannel]").val());
});

[Lprofessionnelle]

Cool, ça fonctionne merci!!! Avant j'avais une technique qui fonctionnait, mais je me rappelle plus comment. Par contre je n'ai pas accès au input de la page ajax, on peut les récup aussi ?

Code :

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

$("input[name=addGroupeChannel]").val()

renvoie undefined, je pensais que jquery avait accès a tout moi^^

EDIt: réussi avec:

Code :

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

$(this).find("select", "input[name=addGroupeChannel]").val()

[Lprofessionnelle]

Dsl c'est encore moi, j'ai le même soucis avec un sortable qui ne fonctionne pas, la seul solution que j'ai trouvé tout seul c'est d'utiliser setTimeout:

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
18
19
20
21
 
	setTimeout(function(){
		$( "#sortableGroup" ).sortable({
			revert: true,
			placeholder: "ui-state-highlight",
			update: function (event, ui) {
				var data = $(this).sortable('serialize');
				$.ajax({
					data: 'type=sortableGroup&'+data,
					type: 'POST',
					url: 'ajax.php',
					success: function (response) {
						console.log(response);
						$("#info_messages").html(response);
						sortableGroupList();
						efface();
					}
				});
			}
		});
	}, 50);

Est ce une bonne idée ? J'ai un autre soucis: je n'arrive pas a récup un attribue data dans la balise ul de la liste, je suppose que c'est car si chargé en ajax ;( J'ai trouvé ce que je cherche dans event.target.attributes[1].value, mais c'est pas top je trouve