Tema: Como buscar info sobre ejecucion de ajax dinamico?
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 19/01/2012, 11:45
LhaN
 
Fecha de Ingreso: septiembre-2008
Mensajes: 148
Antigüedad: 15 años, 7 meses
Puntos: 10
Respuesta: Como buscar info sobre ejecucion de ajax dinamico?
A ver, en realidad lo que yo quisiera hacer es lo siguiente:
Tengo un index.php
Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5. <head>
  6.     <title>Test!</title>
  7.     <script src="../jquery-1.7.1.min.js" type="text/javascript"></script>
  8.     <script>
  9.         $(document).ready(function(){
  10.             alert("Cargando Body");
  11.             $('body').load('plantilla.php div#layout');
  12.             alert("Se cargo Body");
  13.         });
  14.     </script>
  15. </head>
  16. <body id="body">
  17. </body>
  18. </html>

Tengo un plantilla.php
Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5. <head>
  6.     <title>Test!</title>
  7.     <script src="../jquery-1.7.1.min.js" type="text/javascript"></script>
  8. </head>
  9. <body id="body">
  10.     <div id="layout">
  11.     <script>
  12.         $(document).ready(function(){
  13.             alert("Cargando Plantilla");
  14.             $('div#menu').load('menu.php div#menu');
  15.             $('div#galeria').load('galeria.php div#galeria');
  16.             alert("Se cargo Plantilla");
  17.         });
  18.     </script>
  19.     <div id="menu"></div>
  20.     <div id="galeria"></div>
  21.     </div>
  22. </body>
  23. </html>

Tengo un menu.php
Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5. <head>
  6.     <title>Test!</title>
  7. </head>
  8. <body id="body">
  9.     <div id="menu">
  10.         <p>link1</p>
  11.         <p>link2</p>
  12.         <p>link3</p>
  13.     </div>
  14. </body>
  15. </html>

Y finalmente un galeria.php
Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5. <head>
  6.     <title>Test!</title>
  7. </head>
  8. <body id="body">
  9.     <div id="galeria">
  10.         <div id="imagen">Aca va una imagen</div>
  11.         <div id="descripcion">Aca va la descripcion</div>
  12.     </div>
  13. </body>
  14. </html>

Obviamente esto no funciona, muestra los dos carteles de cargando body y se cargo body, pero la pagina esta en blanco. Mi idea es trabajar por separado las cosas y a la hora de juntarlas no tener que "adaptarlas" de ninguna manera. Y que se puedan probar individualmente.

Si yo entro a plantilla.php anda todo joya. Lo que yo necesito es via ajax cargar otro ajax (creo que es esto lo que estoy queriendo hacer) y ejecutarlo basicamente. En este caso con jquery hice eso, no se si con jquery o simplemente con javascript puedo hacer lo que necesito.

Gracias por las respuestas.