Evénement de type "click" sur un bouton de formulaire

bonjour à toutes et tous,
voici mon formulaire qui permet de rajouter un lien

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
function creeFormulaire(){
    var forAjout = document.createElement("form");
    var nomBalise = [
        {obj:'input', type:'text', name:'Auteur', value:'', placeholder:'Entrez votre nom', size:10, required:1},
        {obj:'input', type:'text', name:'Titre', value:'', placeholder:'Entrez le Titre du Lien', size:30, required:1},
        {obj:'input', type:'url', name:'Url', value:'', placeholder:'Entrez l\'url du Lien', size:30, required:1},
        {obj:'input', type:'submit', id:"BtAjout", name:'BtAjout', value:'Ajouter', size:1}
    ];
 
    for (var i in nomBalise){
        var balise = nomBalise[i];
        var baliseP = document.createElement("p");
        baliseP.style.display = "inline";
        if (balise.obj === 'input')
        {
            var baliseInp = document.createElement("input");
            baliseInp.type = balise.type;
            baliseInp.id = balise.id;
            baliseInp.name = balise.name;
            baliseInp.placeholder = balise.placeholder;
            baliseInp.value = balise.value;
            baliseInp.size = balise.size;
            baliseInp.style.marginRight = "15px";
            if (balise.required === 1)
            {
                baliseInp.setAttribute('required', 'required');
            }
            baliseP.appendChild(baliseInp);
        }
        forAjout.appendChild(baliseP);
    }; 
    return forAjout;
};

voici l'evenement "click" sur le bouton du formulaire de type submit qui renvois une erreur "document.getElement(...) is null"

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
document.getElementById("BtAjout").addEventListener("click", function (e){
    e.preventDefault();
    var form = document.querySelector("form");
    var elt = [];
    elt.push(divRep);
    for (i in form){
        if (form[i] === "Auteur"){
            elt.push(form[i].value);
        }
        else if (form[i] === "Titre"){
            elt.push(form[i].value);
        }
        else if (form[i] === "Url"){
            elt.push(form[i].value);
        }
    };
    e.stopPropagation();
    clicValide(elt);
});

la function d'insertion

Code:

1
2
3
4
5
function clicValide(elt){
    elt[0].appendChild(elt[2]);
    elt[0].appendChild(elt[3]);
    elt[0].appendChild(elt[1]);
};

je ne vois pas pourquoi

merci de m'orienté

:salut:

Le formulaire et son input submit d'ID "BtAjout" n'existent pas dans le DOM tant que la fonction creeFormulaire() n'a pas été exécutée.

Ajouter document.getElementById("BtAjout").addEventListener("click", ... à la fin de cette fonction.

hello danielhagnoul,
je suis trop dedant pour ne pas l'avoir vu:bug:
:ccool:
merci