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
| <script type='text/javascript'>
function date() {
if (document.getElementById('etat').options[document.getElementById('etat').selectedIndex].value == 'badr') {
if (document.getElementById('parti')) {document.getElementById('suivi').removeChild(document.getElementById('parti'));}
var newtr = document.createElement('tr');
var newth = document.createElement('th');
var newtd1 = document.createElement('td');
var newtd2 = document.createElement('td');
var newinput = document.createElement('input');
var texte1 = document.createTextNode("Date BADR");
var texte2 = document.createTextNode("Veuillez respecter le format JJ/MM/AAAA");
newtd2.appendChild(texte2);
newinput.type = 'text';
newtd1.appendChild(newinput);
newth.appendChild(texte1);
newtr.appendChild(newth);
newtr.appendChild(newtd1);
newtr.appendChild(newtd2);
newtr.id = 'badr';
var mynode = document.getElementById('obs');
document.getElementById('tablebody').insertBefore(newtr,mynode);
}
}
</script>
</head>
<body>
<table id="suivi">
<tr>
<th>Etat</th><td><select name="etat" id="etat" onchange="date();"><option value="0">Non renseigné</option><option value="badr">BADR</option><option value="parti">Parti</option></select></td><td></td>
</tr><tbody id="tablebody">
<tr id="obs">
<th>Observations</th><td><textarea></textarea></td>
<td></td>
</tr>
</tbody>
</table>
</body> |