Positionnement d'un élément ajouté dynamiquement
Bonjour,
J'ai un soucis sur mon code et j'aimerais avoir de votre aide.
Voila la situation.
J'ai un formulaire qui se trouve dans une table, et sur la page, il y a possibilité d'ajouter des textarea. Mon problème est que si j'ajoute mon textarea avec la méthode appendChild de la cellule dans laquelle je veux voir appairaitre le formulaire, lors de la validation, j'ai pas le textarea ajouter n'est pas pris en compte. Par contre si j'ajoute par la méthode appendChild du formulaire, c'est bien prix en compte sauf que le textarea ne se retrouve plus dans la cellule que je veux, mais au contraire me déforme ma page web. Voici le code JS.
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
|
function addLot(item){
var i=18 + parseInt(item);
var newRow = document.getElementById('aoAdd').insertRow(i);
var newCell1 = newRow.insertCell(0);
newCell1.className='tab_g';
var newCell2=newRow.insertCell(1);
newCell2.className='form_style';
newCell2.align='left';
newCell2.innerHTML='Lot' + item + ':';
var newCell3=newRow.insertCell(2);
newCell3.align='left';
newCell3.width='50%';
var controlName='ab_lot'+item;
var theForm = document.getElementById("ao_add_form");
var textArea = document.createElement("textarea");
textArea.name = controlName;
textArea.cols = "25";
textArea.setAttribute('cols', '25');
textArea.setAttribute('rows', '2');
textArea.setAttribute('class', 'form_input_no_hover');
newCell3.appendChild(textArea);
textArea.form=theForm;
var newCell4=newRow.insertCell(3);
newCell4.className='tab_d';
} |
J'ai essayé de forcer l'attribu form de mon textarea mais rien. Quelqu'un saurait il m'aider.
Merci d'avance.
