Discussion :

[Rony Rauzduel]

Bonjour et meilleurs voeux à toutes et à tous,


Suite à une modification de mon code (mais je ne vois pas où) mes messages de retour Ajax ne s'affiche plus.
En effet via jQuery j'avais intégré des messages de retour en cas de succès ou d'échec de la modification du login dans le compte utilisateur.
Mais là plus rien ne s'affiche.

Code javascript :

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
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
 
/** script permettant la gestion du profil utilisateur pour le pseudo **/
$(document).ready(function() {
	// affichage de la boite de dialogue Modifier mon Profil
	$("#modifierMonProfil").click(function() {
		$(".modifierProfil").show(); // <div class="modifierProfil">				 
		// on cache les autres zones
		$(".contacterAdmin").hide(); 
		$(".supprimerCompte").hide();
	}); // fin $("#modifierMonProfil").click()		
	// modification du pseudo
	$("#modifPseudo").click(function() {
		$(".modifierPseudo").show();	
 
	}); // fin $("#modifPseudo").click()
	// pour l'annulation de la procédure
	$(".annuler").click(function() {
		$('.formErreur').hide();		
		$(".modifierPseudo").fadeOut("slow");
	}); // fin $("#annuler").click()
	// lors de la soumission du formulaire
	$("#modifier_pseudo").submit(function(event) {
		event.preventDefault();
		// pendant la soumission on affiche le loader d'attente Ajax
		$("#loader").show();		
 
		var pseudo = $(this).find("input[name=pseudo]").val();		
 
		// pour l'appel Ajax
		$.ajax({
			url: $(this).attr('action'),
			type: $(this).attr('method'),
			data: $(this).serialize(), 
			dataType : 'text', 
			cache: false,			
			success: 				
				function(data){	
					if(data == "ok") {
						$(".loader").hide(); // on cache le loader d'attente Ajax
						$('.inscriptionSent').fadeIn().text("Modification réussie de votre pseudo !");
						$('.inscriptionSent').fadeOut(5000);
						$(".modifierPseudo").delay(3000).fadeOut();	
						$(':input','#modifier_pseudo').not(':submit, :button').val("");
					} // fin if(data == "ok") 	
					if(data == "echec") {
						$(".loader").hide(); // on cache le loader d'attente Ajax
						$('.formErreur').show().text("Ce pseudo existe déjà pour un compte utilisateur !");
						$('.formErreur').fadeOut(5000);
						$("#pseudo").val("");	
					} // fin if(data == "echec")
					if(data == "vide") {
						$(".loader").hide(); // on cache le loader d'attente Ajax
						$('.formErreur').show().text("Veuillez remplir le champ de saisie du pseudo !");
						$('.formErreur').fadeOut(5000);
					} // fin if(data == "vide") 																																
				} // fin function()					
		}); // fin $.ajax()
 
		// on vide les champs du formulaire SAUF le bouton radio et celui de soumission
		$(':input','#modifier_profil').not(':submit, :button').val('');		
	}); // fin $("#modifier_pseudo").submit()		
}); // fin $(document)

Code html :

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
 
<div class="modifierPseudo">
							<form name="modifier_pseudo" id="modifier_pseudo" action="includes/inc_modifierPseudo.php" method="post">
								<fieldset id='modif_pseudo'>
									<legend>
										<img src="img/bulle_48.png" alt="bulle" title="bulle" />
										<h3>Modifier mon pseudo</h3><br />
									</legend>
									<span class="formErreur"></span><br/>	
									<label for="login">Pseudo </label><em>*</em>
									<input type="text" id="pseudo" name="pseudo" size="25" /><br />
									<span class="loader" style="display:none;"><img src="img/loader.gif" alt="loader" /></span>
									<span class="inscriptionSent"></span><br/>
									<input type="submit" name="envoyer" class="envoyer" value="ENVOYER" />
									<!-- mettre class au lieu de id qui est unique -->
									<input type="button" name="annuler" class="annuler" value="ANNULER" />
								</fieldset>
							</form><!-- modifier_pseudo -->
						</div><!-- modifierPseudo -->

Merci d'avance.
Transact.

[Bovino]

Aucun des id ou classes de ton code jQuery n'existe dans le HTML...
Autant utiliser la fonction magicallyGuessWhatIWantToDo().

Mais bon, c'est à toi de faire ces vérifications de base avant de poster !

[Rony Rauzduel]

Je n'ai pas communiqué l'intégralité du code HTML mais uniquement la partie imputant le code jQuery.

[Rony Rauzduel]

Après modification, le loader d'attente Ajax s'affiche mais ne s'arrête pas après le soumission du formulaire.
Apparemment je ne parviens pas à récupérer et à afficher le retour Ajax du serveur.

[Rony Rauzduel]

Quand j'ajoute un console.log("blabla"); rien ne s'affiche dans la console de firebug donc le callback n'est pas récupéré.

[Rony Rauzduel]

Le même code fonctionne pour la modification de l'email et du mot de passe mais pas pour le pseudo.
En fait il faut vider l'élément d'affichage ou quelque chose de ce genre.
Pourriez-vous m'aider je ne m'en sors pas.