function ajouter(){ // On récupère le fieldset var conteneur = document.getElementById('fichiers'); /** * Création des éléments dont on a besoin : * Un div dans lequel on mettra notre champ et une case à cocher * qui nous servira à enlever ensuite le div. * * En utilisant un div ça sera plus facile car sinon * on aurais du enlever le champ et la case à cocher séparément. */ var mycurrent_row = document.createElement("tr"); var mycurrent_cell = document.createElement("td"); //var undiv = document.createElement('div'); var unspan = document.createElement('span'); var field = document.createElement('input'); var check = document.createElement('input'); field.name = 'name[]'; field.type = 'text'; //undiv.innerHTML = '<!-- BEGIN required --><span style="color: #ff0000">*</span> <!-- END required -->'; check.type = 'checkbox'; // On enlève sur le click de la checkbox check.onclick = function(){ // Elément à enlever lediv = this.parentNode; // Elément auquel on enlève lefieldset = lediv.parentNode; // On enlève ! lefieldset.removeChild(lediv); } /** * Ajout des éléments au div grace a appendChild * qui ajoute à la fin. * On utilise aussi createTextNode pour ajouter du texte apres la case */ //undiv.appendChild(mycurrent_row); //Ligne dans le div //Cellule dans la ligne //mycurrent_row.appendChild(mycurrent_cell); //Cellule dans la ligne mycurrent_cell.appendChild(document.createTextNode("Yes !")); mycurrent_row.appendChild(mycurrent_cell); mycurrent_cell.appendChild(document.createTextNode("No !")); mycurrent_row.appendChild(mycurrent_cell); /*undiv.appendChild(unspan); undiv.appendChild(field); undiv.appendChild(check); undiv.appendChild(document.createTextNode("Enlever"));*/ // Ajout du div : //conteneur.appendChild(undiv); conteneur.appendChild(mycurrent_row); }