Appel de fonction javascript dans innerHtml
Salut et bon apétit pour ceux qui n'ont pa encore fini...
J'ai un léger souci avec du javascript et la fonction innerHtml... Lorsque je fais ceci dans mon code html, ça fonctionne sans problème:
Code:
1 2 3 4 5 6 7 8 9 10
| <td width=15%>
<input type="text" name="UMDateOfAccomplishment" size="10" value="" id="UMDateOfAccomplishment">
<a href="javascript:cal2.popup();"><img src="/AHEM/scripts/calendar/img/cal.gif" width="16" height="16" border="0" alt="Click Here to Pick the date"></a>
<script language="JavaScript">
var cal2 = new calendar1(document.forms['commit'].elements['UMDateOfAccomplishment']);
cal2.year_scroll = false;
cal2.time_comp = false;
cal2.year_comp = true;
</script>
</td> |
Mais lorsque j'essaie de le placer dans mon innerHtml, ca me dit que call2 est indéfini (à la ligne call2.popup()), le i vaut 2...
Code:
1 2 3 4 5 6
| var inputHtml = "";
inputHtml = inputHtml + "<td width=15%><input type=text name=\"UMPlannedDate"+i+"\" size=10 id=\"UMPlannedDate"+i+"\">";
inputHtml = inputHtml + "<a href=javascript:cal"+i+".popup();><img src=/AHEM/scripts/calendar/img/cal.gif width=16 height=16 border=0 alt=Click Here to Pick the date></a><br>";
inputHtml = inputHtml + "<script language='JavaScript'>var cal"+i+" = new calendar1(document.forms['commit'].elements['UMDateOfAccomplishment"+i+"']);cal"+i+".year_scroll = false;cal"+i+".time_comp = false;cal"+i+".year_comp = true;<\/script>";
var tempo = "outputZone"+i;
document.getElementById(tempo).innerHTML = inputHtml; |
Pour ceux qui se demanderait à quoi sert ce joyeux code, il permet de générer une ligne avec un champ date et un champ texte.