13/07/2009, 04:28
|
| | | Fecha de Ingreso: diciembre-2007
Mensajes: 124
Antigüedad: 17 años Puntos: 2 | |
| Problema cargando webs en AJAX, no salen los scripts
Pues eso, tengo una página que dentro de su contenedor "Derecha" carga 2 paginas, con un script cada una, pero estos scripts no se llegan a ejecutar al hacer la llamada desde AJAX, en cambio, si abro su pagina sin AJAX, cargan perfectamente.
Pagina Llamante:
Código:
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="Content-Type">
<link rel="StyleSheet" href="css/estilo.css" media="screen" type="text/css">
<script type="text/javascript" src="utils/jscharts.js"></script>
<script type="text/javascript" src="utils/ajax.js"></script>
<title>Prueba Cuadro de mandos</title>
</head>
<body>
<div id="completa">
<div id="top">
<p class="titulo">Pantalla de indicadores</p>
</div>
<div id="Superior">
<!-- Pestañas -->
<div id="header">
<ul>
<li><a href="javascript:llamarasincrono('index1.html', 'Derecha');">Uno</a></li>
<li><a href="javascript:llamarasincrono('index2.html', 'Derecha');">Dos</a></li>
<li><a href="#">Tres</a></li>
<li><a href="#">Cuatro</a></li>
<li id="current"><a href="#">Cinco</a></li>
</ul>
</div>
</div>
<div id="Izquierda">
<p class="cabecera">Dimensiones</p>
<br>
<!-- Tablas de datos -->
<p class="texto1">Año</p>
<table border=1 align=center>
<TR>
<TD><p class="texto2">Dato 1</p></TD>
<TD><p class="texto2">Dato 2</p></TD>
<TD><p class="texto2">Dato 3</p></TD>
</TR>
<TR>
<TD><p class="texto2">Dato 4</p></TD>
<TD><p class="texto2">Dato 5</p></TD>
<TD><p class="texto2">Dato 6</p></TD>
</TR>
<TR>
<TD><p class="texto2">Dato 7</p></TD>
<TD><p class="texto2">Dato 8</p></TD>
<TD><p class="texto2">Dato 9</p></TD>
</TR>
</table>
<br>
<p class="texto1">Factura</p>
<table border=1 align=center>
<TR>
<TD><p class="texto2">Dato 1</p></TD>
<TD><p class="texto2">Dato 2</p></TD>
<TD><p class="texto2">Dato 3</p></TD>
</TR>
<TR>
<TD><p class="texto2">Dato 4</p></TD>
<TD><p class="texto2">Dato 5</p></TD>
<TD><p class="texto2">Dato 6</p></TD>
</TR>
<TR>
<TD><p class="texto2">Dato 7</p></TD>
<TD><p class="texto2">Dato 8</p></TD>
<TD><p class="texto2">Dato 9</p></TD>
</TR>
</table>
<br>
<p class="texto1">Expediente</p>
<table border=1 align=center>
<TR>
<TD><p class="texto2">Dato 1</p></TD>
<TD><p class="texto2">Dato 2</p></TD>
<TD><p class="texto2">Dato 3</p></TD>
</TR>
<TR>
<TD><p class="texto2">Dato 4</p></TD>
<TD><p class="texto2">Dato 5</p></TD>
<TD><p class="texto2">Dato 6</p></TD>
</TR>
<TR>
<TD><p class="texto2">Dato 7</p></TD>
<TD><p class="texto2">Dato 8</p></TD>
<TD><p class="texto2">Dato 9</p></TD>
</TR>
</table>
<br>
<p class="texto1">Cliente</p>
<table border=1 align=center>
<TR>
<TD><p class="texto2">Dato 1</p></TD>
<TD><p class="texto2">Dato 2</p></TD>
<TD><p class="texto2">Dato 3</p></TD>
</TR>
<TR>
<TD><p class="texto2">Dato 4</p></TD>
<TD><p class="texto2">Dato 5</p></TD>
<TD><p class="texto2">Dato 6</p></TD>
</TR>
<TR>
<TD><p class="texto2">Dato 7</p></TD>
<TD><p class="texto2">Dato 8</p></TD>
<TD><p class="texto2">Dato 9</p></TD>
</TR>
</table>
</div>
<div id="Derecha">
</div>
</div>
</body>
</html>
Pagina Llamada A:
Código:
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="Content-Type">
<link rel="StyleSheet" href="css/estilo.css" media="screen" type="text/css">
<script type="text/javascript" src="utils/jscharts.js"></script>
<script type="text/javascript" src="utils/ajax.js"></script>
<title>Prueba Cuadro de mandos</title>
</head>
<body>
<div id="completa">
<div id="Grafico">
<p class="cabecera">Indicadores</p>
<br>
<!-- Creación del gráfico centrado -->
<div class=centrarImagen>
<div id="graph">Cargando grafico...</div>
<script type="text/javascript">
var misDatos = new Array (['Una',20],['Dos',10],['Tres',40],['Cuatro',30],['Cinco',5]);
var misColores = new Array ('#0000FF','#0000FF','#0000FF','#0000FF','#0000FF');
var miGrafico = new JSChart('graph','bar');
miGrafico.setDataArray(misDatos);
miGrafico.colorizeBars(misColores);
miGrafico.setSize(500,400);
miGrafico.setTitle('Gabinete de Diseno y Organizacion S.A. (Grafico de prueba)');
miGrafico.setAxisNameX('Leyenda Vertical');
miGrafico.setAxisNameY('Leyenda Horizontal');
miGrafico.setAxisNameColor('#000000');
miGrafico.setAxisColor('#000000');
miGrafico.setAxisValuesColor('#000000');
miGrafico.setBarBorderColor('#000000');
miGrafico.setBarOpacity(1);
miGrafico.setBarValues(false);
miGrafico.setGrid(false);
miGrafico.setTitleColor('#000000');
miGrafico.setBarSpacingRatio(40);
miGrafico.draw();
</script>
</div>
</div>
</div>
</body>
</html>
Pagina Llamada B:
Código:
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="Content-Type">
<link rel="StyleSheet" href="css/estilo.css" media="screen" type="text/css">
<script type="text/javascript" src="utils/jscharts.js"></script>
<script type="text/javascript" src="utils/ajax.js"></script>
<title>Prueba Cuadro de mandos</title>
</head>
<body>
<div id="completa">
<div id="Grafico">
<p class="cabecera">Indicadores</p>
<br>
<!-- Creación del gráfico centrado -->
<div class=centrarImagen>
<div id="graph">Cargando grafico...</div>
<script type="text/javascript" src="utils/jscharts.js"></script>
<script type="text/javascript">
var misDatos = new Array (['Una',20],['Dos',10],['Tres',40],['Cuatro',30],['Cinco',5]);
var misColores = new Array ('#0000FF','#0000FF','#0000FF','#0000FF','#0000FF');
var miGrafico = new JSChart('graph','pie');
miGrafico.setDataArray(misDatos);
miGrafico.setSize(500,400);
miGrafico.setTitle('Gabinete de Diseno y Organizacion S.A. (Grafico de prueba)');
miGrafico.setGrid(false);
miGrafico.setTitleColor('#000000');
miGrafico.setPieUnitsColor('#000000');
miGrafico.draw();
</script>
</div>
</div>
</div>
</body>
</html>
y mi archivo AJAX ajax.js:
Código:
// Documento JavaScript
// Esta función cargará las paginas
function llamarasincrono (url, id_contenedor)
{
var pagina_requerida = false;
if (window.XMLHttpRequest)
{
// Si es Mozilla, Safari etc
pagina_requerida = new XMLHttpRequest ();
} else if (window.ActiveXObject)
{
// pero si es IE
try
{
pagina_requerida = new ActiveXObject ("Msxml2.XMLHTTP");
}
catch (e)
{
// en caso que sea una versión antigua
try
{
pagina_requerida = new ActiveXObject ("Microsoft.XMLHTTP");
}
catch (e)
{
}
}
}
else
return false;
pagina_requerida.onreadystatechange = function ()
{
// función de respuesta
cargarpagina (pagina_requerida, id_contenedor);
}
pagina_requerida.open ('GET', url, true); // asignamos los métodos open y send
pagina_requerida.send (null);
}
// todo es correcto y ha llegado el momento de poner la información requerida
// en su sitio en la pagina xhtml
function cargarpagina (pagina_requerida, id_contenedor)
{
if (pagina_requerida.readyState == 4 && (pagina_requerida.status == 200 || window.location.href.indexOf ("http") == - 1))
document.getElementById (id_contenedor).innerHTML = pagina_requerida.responseText;
}
He mirado varios post por el foro pero no me acaba de quedar claro y no lo consigo, a ver si alguien me pudiera ayudar...
Gracias de antemano. |