Bonjour tout le monde,

J'ai un petit soucis avec JQuery.

J'ai créer une page HTML contenant un titre "Mes informations" avec dedans un span "Modifier" et en dessous un liste d'informations.

Ma page HTML en gros :


Mes informations                                                    Modifier
--------------------------------------------------------------------------
Nom :         Mailleux
Prénom :      Robert
Sexe :         Homme
...

Maintenant quand je clique une première fois sur modifier, les informations nom, prénom, ... disparaissent, une barre de chargement apparaît et dès que JQuery a chargé le formulaire, celui-ci apparaît. Jusque là j'ai pas de problème.

Après lorsque je clique sur le bouton "enregistrer" de mon formulaire, j'ai de nouveau ma barre de chargement et dès que JQuery à enregistré mes modifications et m'a rechargé ma liste d'informations, il me l'affiche. Jusque là toujours pas de problème.

Mais maintenant, lorsque je clique une deuxième fois sur modifier (sans avoir rechargé la page), mon script JQuery s'exécute deux fois et me donne donc une erreur.

Mon code JS en gros :


function enregistreEditGenerales()
{
   var errors = '';
   
   $('#loadInformationsGenerales').ajaxStart(function()
   {
      $(this).css({"margin-top":"40px","display":"block"});
   });
   $('#loadInformationsGenerales').ajaxStop(function()
   {
      $(this).css({"display":"none"});
   });
   
   if($('#generalesNom').val() == '')
   {
      errors = '<li>Vous n\'avez pas renseigné votre nom.</li>';
   }
   if($('#generalesPrenom').val() == '')
   {
      errors = '<li>Vous n\'avez pas renseigné votre prénom.</li>';
   }
   
   var sexe = $('#generalesSexe').val();
   
   if(errors != '')
   {
      $('#profilInformationsGenerales form').before('<ul class="error">' + errors + '</li>');
   }
   else
   {
      $('#profilInformationsGenerales form').remove();
      $.post("./ajax/enregistreGenerales.php", { user_id: $('#user_id').text(), nom: nom, prenom: prenom, sexe: sexe }, function(form)
                  {
                     //$('#editInformationsGenerales').css("display","inline");
                     $('#profilInformationsGenerales dt').after(form);
                  });
   }
   
}

function afficheEditGenerales()
{
   $('#loadInformationsGenerales').ajaxStart(function()
   {
      $('#editInformationsGenerales').css("display","none");
      $(this).css({"margin-top":"40px","display":"block"});
   });
   $('#loadInformationsGenerales').ajaxStop(function()
   {
      $(this).css({"display":"none"});
   });
   
   $('#profilInformationsGenerales dd:not([id])').remove();
   
   $.post("./ajax/editGenerales.php", { user_id: $('#user_id').text() }, function(form)
                  {
                     $('#profilInformationsGenerales dt').after(form);
                     
                     $('#generalesSubmit').click(enregistreEditGenerales);
                  });
}

$(document).ready
(
   function()
   {
      $('#editInformationsGenerales').click(afficheEditGenerales);
   }
);

Voilà est-ce que quelqu'un à une idée sur mon problème ?

Merci