Bonjour,

je veux remplacer une div existante par celle renvoyé par ajax, mais au lieu d'être remplacée, elle est carrément enlevée!?

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
<div id="nouveauClient"></div> // Ma div initial qui disparait lors de l'appel de la fonction
 
<div id="nouveauClient">
    <h1>Enregistrer un nouvel Utilisateur</h1>
    <form name="user" method="post">
        [...]
    </form>
</div>
// La div que je récupère et que je veux afficher
 
<bouton type="button" onclick="nouveauClient()">Nouveau client</bouton> //l'appel de la fonction

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
function nouveauClient() {
    console.log('nouveau client');
    $.ajax({
        url : Routing.generate('user_new'),
        success: function(html) {
            $('#nouveauClient').replaceWith(
                $(html).find('#nouveauClient')
            );
            console.log(html);
        }
    });
}
console.log(html) me retourne bien le code que je veux insérer dans ma page.

Quelqu'un peut il m'expliquer ce que je fais pas bien?

Merci.