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
| <html>
<head>
<title>Document sans nom</title>
<script>
<!--
var i = 0;
function champ(t){
if(t==1){
if(i<1){
document.getElementById('champs').innerHTML += "<div id='champs_"+i+"'>Jour :<input type='text'size='8' readonly name='jour_"+i+"' id='jour_"+i+"' class='vertical' /><input type='image' src='images/cal.jpg' name='bouton' alt='cliquer' class='verticalEspace' onClick=displayCalendar(document.getElementById('jour_"+i+"'),'dd/mm/yyyy',this); />Heures :<input name='heures_"+i+"' size='2' type='text' class='vertical' /></div>";
}
else{
document.getElementById('champs').innerHTML += "<div id='champs_"+i+"'>Jour :<input type='text'size='8' readonly name='jour_"+i+"' id='jour_"+i+"' class='vertical' /><input type='image' src='images/cal.jpg' name='bouton' alt='cliquer' class='verticalEspace' onClick=displayCalendar(document.getElementById('jour_"+i+"'),'dd/mm/yyyy',this); />Heures :<input name='heures_"+i+"' size='2' type='text' class='vertical' /></div>";
}
i++;
}
else{
var j=(i-1);
var parent = document.getElementById("champs_"+j).parentNode;
parent.removeChild(document.getElementById("champs_"+j));
i--;
}
}
-->
</script>
</head>
<body onLoad="champ(1);">
<form name="dates" method="post" action="#" onSubmit="return false;">
<div id="champs">
<!-- on va créer les champs ici -->
</div>
<input onClick="javascript:champ(1);" value="Ajouter un champ" type="button">
<input onClick="javascript:champ(2);" value="Supprimer le dernier champ" type="button">
</form>
</body>
</html> |
