Affichage des callback Ajax
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:
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:
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.
