Ajouter une ligne jquery ou js

bonjour,

j'ai ce code là qui fonctionne très bien

https://jsfiddle.net/68husd48/3/

j'ai mis ligne 3 juste un cadre div pour ajouter une ligne. et ca m'ajoute bien une ligne à chaque fois

et dans ce code qui est pareil

https://jsfiddle.net/g2xkjdys/2/

j'ai rajouter un tableau avec 8 collonnes donc 8 div

et quand je cliques ajouter une ligne , il y a le bug qui ne veut pas m'ajouter une ligne

à mon avis ca vient que j'ai plussieur div

si quelqu'un à une idée

merci

Bonjour,
ton code est assez monstrueux mais bon !!

Citation:

à mon avis ca vient que j'ai plussieur div

indirectement oui.

Tu ne peux pas écrire ta chaine de caractère sur plusieurs lignes comme tu le fais, il te faut à minima faire comme ci dessous

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function ajoutDiv(idParent){
  var e,  c;
  e = document.createElement('div');
  e.innerHTML = '<div class="panel-ajouter-bdd">'
  + '<div class="panel-bbd-nom"><input type="text" placeholder="non de la table" name="nondelatable" id="nondelatable" required /></div>'
  + '<div class="panel-bbd-type">afficher un select</div>'
  + '<div class="panel-bbd-taille"><input type="text" placeholder="non de la table" name="nondelatable" id="nondelatable" required /></div>'
  + '<div class="panel-bbd-valeur">afficher un select</div>'
  + '<div class="panel-bbd-interclassement">afficher un select</div>'
  + '<div class="panel-bbd-attribut">afficher un select</div>'
  + '<div class="panel-bbd-null"><input type="checkbox" id="supprimernews1" name="supprimernews1" /><label for="supprimernews1"></label></div>'
  + '<div class="panel-bbd-index">afficher un select</div>'
  + '<div class="panel-bbd-a-i"><input type="checkbox" id="supprimernews1" name="supprimernews1" /><label for="supprimernews1"></label></div>'
  + '<div class="panel-bbd-commentaire"><input type="text" placeholder="non de la table" name="nondelatable" id="nondelatable" required /></div>'
  + '</div>';
  c = document.getElementById(idParent).firstElementChild;
  document.getElementById(idParent).insertBefore(e, c);
}

Tu pourrais également cloner ton élément au départ pour n'avoir qu'a en fait une copie à attacher à ton élément.

J'allais également proposer le methode du clone qui me semble moins verbeuse...