Ver Mensaje Individual
  #4 (permalink)  
Antiguo 10/12/2009, 05:13
Avatar de masterojitos
masterojitos
 
Fecha de Ingreso: julio-2008
Ubicación: Lima Callao Chucuito
Mensajes: 1.931
Antigüedad: 16 años, 3 meses
Puntos: 105
Respuesta: Cargar una capa dentro de otra

eh......... estabas casi casi......... haha
asi quedan tus archivos..............

Código html:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.   <title></title>
  4.   <style type="text/css" title="currentStyle">
  5.     @import "../themes/sunny/jquery-ui-1.7.2.custom.css";
  6.     @import "css/fullcalendar.css";
  7.   </style>
  8.   <script type="text/javascript" src="../js/cargarPagina.js"></script>
  9.   <script type='text/javascript' src='../jquery/jquery.js'></script>
  10. </head>
  11.  <a href="javascript:TraerPagina('calendario.html','calendario');">Alumnos</a>
  12.  <div id="calendario"></div>
  13. </body>
  14. </html>

cargarPagina.js (Apesar que esta funcion tranquilamente podria ir en la web de arriba)
Código javascript:
Ver original
  1. function TraerPagina(url, contenedor){
  2.     $('#divLoader').html('<p align="center"><img src="http://www.forosdelweb.com/f77/img/loading.gif" /> Cargando...</p>');
  3.     $('#'+contenedor).load(url);
  4.     $.getScript("../jquery/jquery.js");
  5.     $.getScript("../jquery/ui.core.js");
  6.     $.getScript("js/fullcalendar.js");
  7. }

calendario.html
Código html:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <script type='text/javascript'>
  3.     $(document).ready(function() {
  4.        
  5.     });
  6. </head>
  7. <div id="calendar"></div>
  8. </body>
  9. </html>



HASTA AHI SERIA UNA FORMA.... SEGUN TU CODIGO........... Y AHORA YO TE PROPONGO ESTE:

Código html:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.   <title></title>
  4.   <style type="text/css" title="currentStyle">
  5.     @import "../themes/sunny/jquery-ui-1.7.2.custom.css";
  6.     @import "css/fullcalendar.css";
  7.   </style>
  8. <script type='text/javascript' src='../jquery/jquery.js'></script>
  9. <script type='text/javascript' src='../jquery/ui.core.js'></script>
  10. <script type='text/javascript' src='../jquery/ui.datepicker.js'></script>
  11. <script type='text/javascript' src='js/fullcalendar.js'></script>
  12. </head>
  13.  <a href="javascript:$('#calendario').fullCalendar();">Alumnos</a>
  14.  <div id="calendario"></div>
  15. </body>
  16. </html>


espero te haya salido........

Ah, gracias por el karma...... :P

Suerte.
__________________
Atte. MasterOjitos :ojotes:
Todo sobre Programación Web
Las ultimas tendencias en Efectos y Recursos Web: MasterOjitos Blog