tengo un html que tiene un calendario, este funciona bien.
el problema es cuando en el index coloco un inframe, y dentro de el, el html con el calendario. directamente no funciona.
les coloco el HTML para que vean como funciona el calendario.
Código HTML:
Ver original
<head> <SCRIPT language=JavaScript src="data/overlib_mini.js"></SCRIPT> <SCRIPT language=JavaScript src="data/Calendar.js"></SCRIPT> <SCRIPT language=javascript> var arrHorasDesde = new Array(); var arrHorasHasta = new Array(); var arrMeridianosDesde = new Array(); var arrMeridianosHasta = new Array(); function agregarRango() { var objHoraDesde = this.document.getElementById("cmHoraDesde") var objHoraHasta = this.document.getElementById("cmHoraHasta") var objMeridianoDesde = this.document.getElementById("cmMeridianoDesde") var objMeridianoHasta = this.document.getElementById("cmMeridianoHasta") var strHoraDesde = objHoraDesde[objHoraDesde.selectedIndex].value; var strHoraHasta = objHoraHasta[objHoraHasta.selectedIndex].value; var strMeridianoDesde = objMeridianoDesde[objMeridianoDesde.selectedIndex].value; var strMeridianoHasta = objMeridianoHasta[objMeridianoHasta.selectedIndex].value; arrHorasDesde[arrHorasDesde.length]=strHoraDesde; arrHorasHasta[arrHorasHasta.length]=strHoraHasta; arrMeridianosDesde[arrMeridianosDesde.length]=strMeridianoDesde; arrMeridianosHasta[arrMeridianosHasta.length]=strMeridianoHasta; displayRangos(); } function displayRangos() { var strMeridianoDesde=''; var strMeridianoHasta=''; var strHoraDesde=''; var strHoraHasta=''; var strHTMLBody=''; strHTMLBody +='<table>'; for(i=0;i<arrHorasHasta.length;i++) { strMeridianoDesde=arrMeridianosDesde[i]; strMeridianoHasta=arrMeridianosHasta[i]; strHoraDesde=arrHorasDesde[i]; strHoraHasta=arrHorasHasta[i]; strHTMLBody +='<tr><td class="cssItextMini"><strong>Hora Desde:</strong>: ' + strHoraDesde + ' ' + strMeridianoDesde + ' | <strong>Hora Hasta:</strong> ' + strHoraHasta + ' ' + strMeridianoHasta + ' <a href="javascript:deleteRango('+ i +')"><img src="/images/ErrorPeq.gif" valign="abbsolute-middle" border="0"></a></td></tr>'; } strHTMLBody +='</table>'; this.document.getElementById("divHTMLRangos").innerHTML = strHTMLBody; this.document.getElementById("taDataRangos").innerText = arrHorasDesde + '*' + arrMeridianosDesde + '*' + arrHorasHasta + '*' + arrMeridianosHasta } function deleteRango(rangoId) { arrHorasDesde.splice(rangoId,1); arrHorasHasta.splice(rangoId,1); arrMeridianosDesde.splice(rangoId,1); arrMeridianosHasta.splice(rangoId,1); displayRangos(); } function ModificarNet() { this.document.getElementById("tbFecha").value = this.document.FormHidd.FechaElegida.value } </SCRIPT> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!--Fireworks CS3 Dreamweaver CS3 target. Created Sat Dec 26 20:36:16 GMT-0300 2009--> </head> <body bgcolor="#222222"> <FORM id=form name=form action="recepcion.php" method=post encType=multipart/form-data> <style type="text/css"> A.cssNormalLink { FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR: #016ec5; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none } <table border="0" cellpadding="0" cellspacing="0" width="424"> <!-- fwtable fwsrc="aplicativo.png" fwpage="Página 1" fwbase="aplicativo.jpg" fwstyle="Dreamweaver" fwdocid = "1126688493" fwnested="0" --> <tr> </tr> <tr> name="tbFecha" size="18"/></td> href="javascript:show_calendar('FormHidd.FechaElegida');"><img src="data/calendario.gif" alt="1" width="20" height="20" </tr> </table> </FORM> </FORM> </body>