Saludos a todos;
Tengo la siguiente inquietud,...
Tengo una pagina donde contiene el objeto widgets.dojo.dropdowndatepicker osea un calendario para validar el rango de fechas por el cual se va a exportar los pedidos en archivos de texto, cuando llamo al javascript para que me cargue esa pagina en un <div. de mi pag web base, me trae todo como debe de ser, pero no me trae los widgets;... que puede ser???, de seguro me falta algo más... pero que cosa?.
Este es el ajax que llamo al picar en el menú que tengo para que éste me "traiga" una parte de la pagina que necesito mostrar en el <div id="content"
var xmlHttp
function cargarExportar(){
xmlHttp=new XMLHttpRequest();
if (xmlHttp==null){
alert ("Tu navegador no soporta AJAX!");
return;
}
today = new Date();
id= Math.abs(Math.sin(today.getTime()));
var url = "ajax_cargar_exportar.jsp";
url = url + "?id=" + id;
xmlHttp.open("GET",url,true);
xmlHttp.onreadystatechange = resultadoCargarExportar;
xmlHttp.send(null);
}
function resultadoCargarExportar(){
if (xmlHttp.readyState==4){
document.getElementById("content").innerHTML=xmlHt tp.responseText;
}else{
document.getElementById("content").innerHTML='<h3> Cargando...'+'<img src="cargando.gif"></h3>';
}
}
Y lo siguiente es ajax_cargar_exportar.jsp
Lo que esta en azul abajo son los widgets
<%@page import="modelo.Cia" %>
<%@page session="true"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
</head>
<body>
<form name="frmexportar" onsubmit="getExportar(); return false;">
<center><table border="1">
<tbody>
<tr>
<td height="189" style="width: 639px; height: 50px;"><h3 align="center" class="style3">Expo<span class="style2">rta</span>r</h3></td>
<td style="width: 648px; height: 50px;">
<center>
<table width="646" height="146" border="1" align="center">
<tr>
<td width="100">Seleccione empresa:<div id="cia" align="center">
<select id="cia1" name="cia1" onchange="getDivisionExp(this.value)" onclick="borrarMensajeExportar(); return false;">
<option value="0">seleccione valor</option>
<%
String pai = "51";
String cia = null;
String descCia = null;
ArrayList lstCia = new ArrayList();
ProcesoWeb procesoWeb = new ProcesoWeb();
lstCia = procesoWeb.getCias(pai);
if (lstCia.size() > 0) {
for (int i = 0; i < lstCia.size(); i++) {
cia = ((Cia) lstCia.get(i)).getCodcia();
descCia = ((Cia) lstCia.get(i)).getNomcia();
out.write("<option value=" + cia + ">" + descCia + "</option>");
}
}
%>
</select></div>
</td>
<td width="100">Seleccione division:<div id="division" align="center">
<select id="division1" name="division1">
<option value="0">seleccione valor</option>
</select></div>
</td>
<td width="100">Seleccione oficina:<div id="oficina" align="center">
<select id="oficina1" name="oficina1">
<option value="0">seleccione valor</option>
</select></div>
</td>
</tr>
<tr>
<td colspan="3"><div align="center">
<table width="458" height="48" border="0">
<tr>
<td><div align="center">Fecha Inicio Descarga
<a:widget id="fecini" name="dojo.dropdowndatepicker" />
</div></td>
<td><div align="center">Fecha Fin Descarga
<a:widget id="fecfin" name="dojo.dropdowndatepicker" />
</div></td>
</tr>
</table>
</div></td>
</tr>
<tr>
<td height="61" colspan="3">
<div id="mensaje" style="color: #FF9900; background-color:#ffc;" align="center" >
</div>
<div align="center">
<input name="submit" type="submit" value="Descargar" />
</div></td>
</tr>
</table>
</center> </td>
</tr>
</tbody>
</table>
</center>
</form>
</body>
</html>
Trae todo menos los widgets, pero si en la url coloco ajax_cargar_exportar.jsp
si trae todo lo que debe traer, x lo que entiendo en document.getElementById("content").innerHTML=xmlHt tp.responseText; no entiende de widgets, entonces como hago??.
Por supuesto funcionaba recargando toda la pag web, por supuesto que coloco en el head la llamada al ajax
<Script src="AJAX/ajax_cargar_exportar.js" > </Script>
Saludos
César Vizarreta