Buenos dias Amigos Blogueros...
Resulta que estoy haciendo un pequeña aplicación en PHP y en un pequeño buscador tengo un list para seleccionar que quiero buscar. Cuando selecciono de la lista, este dato a su vez (dependiendo de lo escogido) llama por Ajax (llamarasincrono) un archivo en PHP que muestra en un Div para digitar la información a buscar.
Entre la lista del filtro del buscador tengo, por ejemplo, un dato especifico que puedo escribir en un textbox, un dato de otra lista desplegable, y para digitar una fecha, y eh aquí el problema: La Fecha. Para la seleccion de la fecha, tengo un datepicker en Jquery, el cual funciona perfectamente si lo coloco directamente en mi pagina, pero cuando lo llamo por Ajax (llamarasincrono) solo sale el textbox y no ejecuta el Jquery.
Pongo la parte del codigo de la pagina principal en cuestion:
Código HTML:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="estilo.css" rel="stylesheet" type="text/css" />
<!--Calendario Inicio -->
<link href="Jquery/css/south-street/jquery-ui-1.10.3.custom.css" rel="stylesheet">
<script src="Jquery/js/jquery-1.9.1.js"></script>
<script src="Jquery/js/jquery-ui-1.10.3.custom.js"></script>
<script src="Jquery/js/jquery.ui.datepicker-es.js"></script>
<script>
$(function() {
$('input').filter('.datepicker').datepicker(
$.extend(
$.datepicker.regional['es'],
{
defaultDate:7,
dateFormat:"yy-mm-dd",
showOn:"both",
}
)
);
});
</script>
<!-- Calendario Fin -->
<script language="JavaScript" type="text/javascript" src="codigo.js"></script>
<script language="JavaScript">
</head>
<body marginheight="0">
<form action="buscador_NC.php" method="get" name="form1" id="form1" onSubmit="return Validar(this);">
<table width="755" border="0" cellspacing="0">
<tr>
<td colspan="4" background="bk2.jpg" class="Titulo1">Buscador - Formulario de No Conformidad</td>
</tr>
<tr>
<td background="bk.jpg" width="150" class="Titulo2">
<select name="Tipo_Busqueda" id="Tipo_Busqueda" onchange="llamarasincrono('mostrar_buscar_nc.php?Tipo='+document.forms.form1.Tipo_Busqueda[document.forms.form1.Tipo_Busqueda.selectedIndex].value,'Buscar');">
<option value="BUSCAR POR DATO" selected="selected">BUSCAR POR DATO</option>
<option value="FILTRO">FILTRO</option>
<option value="FECHAS">FECHAS</option>
</select></td>
<td colspan="3" background="bk.jpg">
<table width="100%">
<tr>
<td width="27%" nowrap="nowrap"><div id="Buscar"> </div></td>
<td width="73%">
<input name="buscar" type="submit" class="BtnBuscar" id="buscar" value="Buscar" />
</td>
</tr>
</table></td>
</tr>
<tr>
<td><a href="index1.php">Regresar</a></td>
<td width="169"> </td>
<td width="99"> </td>
<td width="329" align="right" class="Contenido"><strong>Mostrar:</strong> <a href="buscador_NC.php?filtro=1">Todos</a> | <a href="buscador_NC.php?filtro=2">Abiertos</a> | <a href="buscador_NC.php?filtro=3">Cerrados</a></td>
</tr>
</table>
</form>
</body>
</html>
Y aqui el codigo de mostrar_buscar_nc.php (La pagina a la que llamo):
Código PHP:
<?php
if(isset($_GET['Tipo'])){
if ($_GET['Tipo']==""){
echo "<input name=\"Buscar_ID\" type=\"text\" id=\"Buscar_ID\" onkeyup=\"this.value=this.value.toUpperCase()\" size=\"25\" value=\"\" />";
exit();
}else{
if($_GET['Tipo']!=""){
if($_GET['Tipo']=="BUSCAR POR DATO"){
echo "<input name=\"Buscar_ID\" type=\"text\" id=\"Buscar_ID\" onkeyup=\"this.value=this.value.toUpperCase()\" size=\"25\" value=\"\" />";
}
if($_GET['Tipo']=="FILTRO"){
echo "<select name=\"Buscar_ID\" id=\"Buscar_ID\">
<option value=\"AUDITORIA EXTERNA\">AUDITORIA EXTERNA</option>
<option value=\"AUDITORIA INTERNA\">AUDITORIA INTERNA</option>
<option value=\"RESULTADO DE LOS PROCESOS\">RESULTADO DE LOS PROCESOS</option>
<option value=\"INDICADORES DE GESTION\">INDICADORES DE GESTION</option>
<option value=\"QUEJAS Y RECLAMOS DEL CLIENTE\">QUEJAS Y RECLAMOS DEL CLIENTE</option>
<option value=\"ATENCION Y SERVICIO\">ATENCION Y SERVICIO</option>
<option value=\"INCIDENTE DE SEGURIDAD\">INCIDENTE DE SEGURIDAD</option>
<option value=\"PETICIONES DE ENTIDAD CLIENTE\">PETICIONES DE ENTIDAD CLIENTE</option>
</select>";
echo "<select name=\"Buscar_Proceso\" id=\"Buscar_Proceso\">
<option value=\"\" selected=\"selected\">TODOS</option>
<option value=\"COBRANZA COMERCIAL\">COBRANZA COMERCIAL</option>
<option value=\"COBRANZA JURIDICA\">COBRANZA JURIDICA</option>
<option value=\"OPERACIONES Y TECNOLOGIA\">OPERACIONES Y TECNOLOGIA</option>
<option value=\"PROCESO ADMINISTRATIVO\">PROCESO ADMINISTRATIVO</option>
<option value=\"PROCESO CALIDAD\">PROCESO CALIDAD</option>
<option value=\"PROCESO GERENCIAL\">PROCESO GERENCIAL</option>
</select>";
}
if($_GET['Tipo']=="FECHAS"){
echo "<input type=\"text\" id=\"datepicker_desde\" name=\"Buscar_Proceso\"/>";
}
}
}
}
?>
Espero me puedan ayudar con este tema.
Muchas Gracias.