Ajout dynamique de champs date
Bonjour tout le monde.
Actuellement je suis entrain de créer une petite application en j2ee en utilisant struts2. Je dois ajouter dynamiquement un champs date c'est pour cela que j'ai utilisé du javascript.
J'ai utilisé le code de "javatwister", qui marche parfaitement pour les input, mais quand je met document.createElement('sd:datetimepicker '); avec les autres attributs rien ne s'affiche.
Sachant que mon datetimipicker marche parfaitement quand je le met sur la page.
Champs que je voudrais dynamisé :
Code:
<sd:datetimepicker name="date_fin" displayFormat="dd-MM-yyyy" />
Code de javatwister + mon champs (ch2)
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
28
29
30
| <script type="text/javascript">
var c,c2, ch;
// ajouter un champ avec son "name" propre;
function plus(){
c=document.getElementById('cadre');
c2=c.getElementsByTagName('input');
ch=document.createElement('input');
ch.setAttribute('type','text');
ch.setAttribute('name','ch'+c2.length);
ch2=document.createElement('sd:datetimepicker');
ch2.setAttribute('name','date_debut');
ch2.setAttribute('displayFormat','dd-MM-yyyy');
c.appendChild(ch);
c.appendChild(ch2);
document.getElementById('sup').style.display='inline';
}
// supprimer le dernier champ;
function moins(){
if(c2.length>0){c.removeChild(c2[c2.length-1])}
if(c2.length==0){document.getElementById('sup').style.display='none'};
}
</script> |
Code:
1
2
3
4
5
6
7
8
9
| <form id="frm" action="">
<div id="cadre" style="margin-left:100px;width:200px">
</div>
<p>
<input type="button" value="ajouter un champ" onclick="plus()" />
<input type="button" style="display:none" id="sup" value="supprimer un champ" onclick="moins()" />
</p>
</form> |
