Ver Mensaje Individual
  #1 (permalink)  
Antiguo 10/12/2009, 03:25
chi_flao
 
Fecha de Ingreso: febrero-2002
Ubicación: Valladolid
Mensajes: 83
Antigüedad: 22 años, 9 meses
Puntos: 1
Cargar una capa dentro de otra

Hola amigos, tengo un problema.

Resulta que tengo una pagina index con este código:

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>
  <title></title>
  <script type="text/javascript" src="../js/cargarPagina.js"></script>
</head>
<body>

 <a href="javascript:TraerPagina('calendario.html','calendario');">Alumnos</a>
 <div id="calendario"></div>
 
</script>

</body>
</html>
el archivo cargarPagina.js es este

Código:
function getXMLHttpRequest(){
	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 TraerPagina(datos,contenedor){
	divResultado = document.getElementById(contenedor);
	ajax=getXMLHttpRequest();
	ajax.open("GET", datos);
	ajax.onreadystatechange=function(){
	if(ajax.readyState==1)
	{divLoader.innerHTML='<p align="center"><img src="../img/loading.gif" /> Cargando...</p>'}
		else{
			if(ajax.readyState==4){divResultado.innerHTML=ajax.responseText;divLoader.innerHTML=''}
			}
		}
	ajax.send(null)
}

la página que intento abrir es esta.

Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>

<style type="text/css" title="currentStyle">
	@import "../themes/sunny/jquery-ui-1.7.2.custom.css";
	@import "css/fullcalendar.css";	
</style>

<script type='text/javascript' src='../jquery/jquery.js'></script>
<script type='text/javascript' src='../jquery/ui.core.js'></script>
<script type='text/javascript' src='../jquery/ui.datepicker.js'></script>
<script type='text/javascript' src='js/fullcalendar.js'></script>

<script type='text/javascript'>

	$(document).ready(function() {
		$('#calendar').fullCalendar();
	});
</script>


</head>
<body>

<div id="calendar"></div>

</body>
</html>


de esta manera lo que intento hacer es a través de la página index, abrir en una capa el calendario, y el problema viene porque intento abrir otra página que a su vez carga dentro de otra capa información y no me deja abrirlo.

Ya se que es un poco jaleo, pero quería mostrar la máxima información.

Gracias de antemano.
Un saludo.