Discussion :

[momo877]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

<sd:datetimepicker name="date_fin" displayFormat="dd-MM-yyyy" />

Code de javatwister + mon champs (ch2)

Code :

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
<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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[NoSmoking]

Bonjour,
comme ta page HTML est coté client pose toi la question que donnerai <sd:datetimepicker name="date_fin" displayFormat="dd-MM-yyyy" /> en HTML, ensuite tu pourras créer la balise qui va bien.