tengo una pagina que funciona al perfeccion mostrando un grid con jqgrid y quiero llamarlo por medio de ajax a un div de una pagina existen y no me lo muestr alguien me puede ayudar con eso
les pongo los codigo
Pagina Principal
Código:
<%@LANGUAGE="JAVASCRIPT" CODEPAGE="65001"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href="../includes/css/principal.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../includes/loader/loader.js"></script>
<script type="text/javascript" src="../includes/menu/stlib.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="../includes/themes/redmond/jquery-ui-1.7.1.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="../includes/themes/ui.jqgrid.css" />
<link rel="stylesheet" type="text/css" media="screen" href="../includes/themes/ui.multiselect.css" />
<script src="../includes/js/jquery.js" type="text/javascript"></script>
<script src="../includes/js/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>
<script src="../includes/js/jquery.layout.js" type="text/javascript"></script>
<script src="../includes/js/i18n/grid.locale-sp.js" type="text/javascript"></script>
<script type="text/javascript">
$.jgrid.no_legacy_api = true;
$.jgrid.useJSON = true;
</script>
<script src="../includes/js/jquery.jqGrid.min.js" type="text/javascript"></script>
<script src="../includes/js/jquery.tablednd.js" type="text/javascript"></script>
<script src="../includes/js/jquery.contextmenu.js" type="text/javascript"></script>
<script src="../includes/js/ui.multiselect.js" type="text/javascript"></script>
<script src="../includes/js/src/grid.postext.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>
<body id="type-b">
<div id="wrap">
<div id="header">
<div id="site-name">titulo</div>
</div>
<div id="content-wrap">
<div id="utility">
<script type="text/javascript" src="../includes/menu/menu2.js"></script>
</div>
<div id="content">
<div id="breadcrumb">
<a href="default_2010.asp.cfm">Inicio</a></div>
<div id="resultado_principal">
<h6>Bienvenido(a), <em class="texto" id="nombre"></em>. </h6>
</div>
<div id="datos">
</div>
<div id="footer">
<p>Notas al pie de página <a href="#">Contactar</a> | <a href="#">Privacy</a> | <a href="#">Links</a></p>
</div>
</div>
<div id="poweredby"><img src="http://www.forosdelweb.com/f13/images/logo.png" alt="Logotipo" width="150" height="50" /></div>
</div>
</div>
</body>
</html>
funcion loader.js
Código:
function nuevoAjax()
{
var xmlhttp=false;
try
{
xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e)
{
try
{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch(E) { xmlhttp=false; }
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined') { xmlhttp=new XMLHttpRequest(); }
return xmlhttp;
}
function muestra_clientes()
{
// document.getElementById("breadcrumb").innerHTML='<a href="default_2010.asp">Inicio</a> / Call Center / <a href="#"><strong>Busqueda de Clientes</strong></a>';
document.getElementById("datos").innerHTML='<img src="http://www.forosdelweb.com/f13/images/loadingAnimation.gif"> Cargando, por favor espere...';
ajax=nuevoAjax();
ajax.open("GET", "../admin_tlmkt/intra_nominales_1.asp", true);
ajax.onreadystatechange=function()
{
if (ajax.readyState==4)
{
alert(ajax.responseText);
document.getElementById("datos").innerHTML=ajax.responseText;
}
}
ajax.send(null);
}
Codigo de intra_nominales_1.asp
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<link rel="stylesheet" type="text/css" media="screen" href="../includes/themes/redmond/jquery-ui-1.7.1.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="../includes/themes/ui.jqgrid.css" />
<link rel="stylesheet" type="text/css" media="screen" href="../includes/themes/ui.multiselect.css" />
<script src="../includes/js/jquery.js" type="text/javascript"></script>
<script src="../includes/js/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>
<script src="../includes/js/jquery.layout.js" type="text/javascript"></script>
<script src="../includes/js/i18n/grid.locale-sp.js" type="text/javascript"></script>
<script type="text/javascript">
$.jgrid.no_legacy_api = true;
$.jgrid.useJSON = true;
</script>
<script src="../includes/js/jquery.jqGrid.min.js" type="text/javascript"></script>
<script src="../includes/js/jquery.tablednd.js" type="text/javascript"></script>
<script src="../includes/js/jquery.contextmenu.js" type="text/javascript"></script>
<script src="../includes/js/ui.multiselect.js" type="text/javascript"></script>
<script src="../includes/js/src/grid.postext.js" type="text/javascript"></script>
</head>
<body>
<table id="navgrid3"></table>
<div id="pagernav3"></div>
<script src="intra_nominales.js" type="text/javascript"> </script>
</body>
</html>
el archivo de intra_nominales_1.asp funciona perfectamente si lo accesa de forma directa pero al usar el ajax no lo muestra alguien podria decirme porque, ya probe quitando del intra_nominales_1.asp todo solo dejando los siguiente
Código:
<table id="navgrid3"></table>
<div id="pagernav3"></div>
<script src="intra_nominales.js" type="text/javascript"> </script>
pero no escribe el jqgrid si aumento al codigo hola despues de </script> si muestra el hola no muestra ningun error asi que no hay manera de saber porque me esta sucediendo esto si alguien me puede ayudar lo agradeceria demasiado
los que deberia de mostrar seria
Saludos y muchas gracias