bonjour,je devrais concevoir une page html dans laquelle on peut à chaque appuie sur le bouton clic et l'apparition d'une ligne de case insérer des enregistrement. avant de remplir les case je doit choisir une matière première de la liste déroulante .Dans ma liste déroulante si je choisis tissus la colonne qui équivaut à Qté consommée doit se bloqué par contre si je choisis quiconque autre dans ma liste déroulante les colonnes Base,Rayé,UNi doivent se bloquer. les fonctions d'ajout ligne et de suppression ligne marche la fonction qui bloque les champs bloquerchamps() ne marchent pas et je ne sais pas pourquoi!! avez ous une idée?? voici le code!

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
 
<h3 align="left">MATIèRE PREMIèRE</h3>
<ul>
<li class="style3"><strong>TISSUS : </strong></li><!--table tissus-->
</ul>
<table width="632" height="84" border="1" id="table1">
<tr>
<td width="51"></td>
<td width="110"><div align="center">DéSIGNATION </div></td>
<td width="84">Qté consommée</td>
<td width="98"><div align="center">COULEUR</div></td>
<td width="77"><div align="center">BASE</div></td>
<td width="77"><div align="center">RAYé</div></td>
<td width="74"><div align="center">UNI</div></td>
 
</tr>
</table>
<tr>
<script language="javascript">
var numero=0;
//fonction qui permet l'ajout de ligne
function AddRow1(){
numero++;
// Titre
var newRow = document.getElementById('table1').insertRow(-1);
//
var newCell = newRow.insertCell(0);
newCell.align = 'center';
newCell.innerHTML = '<select type="text" name="des_mat_pre"['+numero+']" id="des_mat_pre"['+numero+']" ><option value="tissus" onchange="bloquerchamps(value,numero);">tissus</option> <option value="préparation" onchange="bloquerchamps(value,numero);">préparation</option><option value="mousse" onchange="bloquerchamps(value,numero);">mousse</option><option value="passementerie" onchange="bloquerchamps(value,numero);">passementerie</option></select>';
//
var newCell = newRow.insertCell(1);
newCell.align = 'center';
newCell.innerHTML = '<input type="text" name="des_typ_mat_pre"['+numero+']" id="des_typ_mat_pre"['+numero+']">';
//
var newCell = newRow.insertCell(2);
newCell.align = 'center';
newCell.innerHTML = '<input type="text" name="qte_mat_pre['+numero+']" id="qte_mat_pre['+numero+']" size="10">';
//
var newCell = newRow.insertCell(3);
newCell.align = 'center';
newCell.innerHTML = '<input type="text" name="couleur['+numero+']" id="couleur['+numero+']" size="10">';
//
var newCell = newRow.insertCell(4);
newCell.align = 'center';
newCell.innerHTML = '<input type="text" name="qte_mat_pre2['+numero+']" id="qte_mat_pre['+numero+']" size="10">';
//
var newCell = newRow.insertCell(5);
newCell.align = 'center';
newCell.innerHTML = '<input type="text" name="qte_mat_pre3['+numero+']" id="qte_mat_pre['+numero+']" >';
//
var newCell = newRow.insertCell(6);
newCell.align = 'center';
newCell.innerHTML = '<input type="text" name="qte_mat_pre4['+numero+']" id="qte_mat_pre['+numero+']" >';
//
var newCell = newRow.insertCell(7);
newCell.align = 'center';
newCell.innerHTML = '<input type="button" onclick="deleteCurrentRow(this)" value=" Supprimer" alt="Delete" >';
}
//fonction qui permet d'éffacer des lignes
function deleteCurrentRow(obj)
{
var delRow = obj.parentNode.parentNode;
var tbl = delRow.parentNode;
 
if(tbl.getElementsByTagName('tr').length==1){
alert('Vous ne pouvez pas supprimer cette ligne');return false ;
}
tbl.removeChild(delRow);
}
AddRow1();
 
//fonction qui permet de bloquer des champs selon les valeurs de la liste déroulante
function bloquerchamps(value,numero)
{
var liste1;
var liste2;
var liste3;
var liste4;
if(value=="tissus")
{
liste1 = document.getElementsByName("qte_mat_pre");
}
else{
liste2 = document.getElementsByName("qte_mat_pre2");
liste3 = document.getElementsByName("qte_mat_pre3");
liste4 = document.getElementsByName("qte_mat_pre4");
 
}
liste1[numero - 1].disabled=true;
liste2[numero - 1].disabled=true;
liste3[numero - 1].disabled=true;
liste4[numero - 1].disabled=true;
}
</script>
<input name="clic1" type="button" onClick="AddRow1()" value="clic">


merci!!