Tema: Cargar contenido php en menu tabs
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 27/01/2011, 11:11
donsirk
Usuario no validado
  
Fecha de Ingreso: diciembre-2010
Ubicación: Querétaro
Mensajes: 12
Antigüedad: 13 años, 4 meses
Puntos: 0
Exclamación Cargar contenido php en menu tabs
Hola a todo amigos foreros, espero me puedan ayudar, estoy realizando un menu tabs con css y javascript, el menu y esta completo y no tiene error, el problema que presento es cuando quiero insertarle un archivo PHP por medio de un include da error y no se muestran las pestañas, quisiera saber si es posible realizar esto sin tener que hacerlo por medio de frames...
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. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5. <title>sample</title>
  6. <style type="text/css"  >
  7. html, body { 
  8.     width : 100%;
  9.     height : 100%;
  10.     padding : 0; 
  11.     margin : 10px; 
  12.     overflow : hidden;
  13.     font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; /* MAIN BODY FONTS */
  14. }
  15. .jcTab { width:100%; height:100%;}
  16. </style>
  17. <!-- link href="css/core.css" rel="stylesheet" type="text/css"/ -->
  18. <link href="css/TabPanel.css" rel="stylesheet" type="text/css"/>
  19. <script type="text/javascript" src="src/jquery.js"></script>
  20. <script type="text/javascript" src="src/Plugins/Fader.js"></script>
  21. <script type="text/javascript" src="src/Plugins/TabPanel.js"></script>
  22. <script type="text/javascript" src="src/Plugins/Math.uuid.js"></script>
  23.  
  24. <script type="text/javascript" >
  25. var tabpanel;  
  26. var jcTabs = [ //Aqui se carga el contenido html o php (y es donde tengo el problema)
  27. '<iframe src="http://www.google.com" width="100%" height="100%" frameborder="0"></iframe>',
  28. '<iframe src="terminologia2.php" whidth="100%" height="100%" frameborder="0"></iframe>',
  29. 'You can close me by click fork button',
  30. 'You cant see it'
  31. ];
  32.  
  33. $(document).ready(function(){  
  34.     tabpanel = new TabPanel({  
  35.         renderTo:'tab',  
  36.         width:600,  
  37.         height:500,  
  38.         //border:'none',  
  39.         active : 0,
  40.         //maxLength : 10,  
  41.         items : [
  42.             {id:'toolbarPlugin1',title:'Google',html:jcTabs[0],closable: false},  
  43.             {id:'toolbarPlugin2',title:'Tab2',html:jcTabs[1],closable: false},  
  44.             {id:'toolbarPlugin3',title:'Closable',html:jcTabs[2],closable: false},  
  45.             {id:'toolbarPlugin6',title:'Disabled',html:jcTabs[3],closable: false, disabled:false}
  46.         ]
  47.     });  
  48. }); 
  49. </script>
  50. </head>
  51. <body>
  52.  
  53.  <div id="tab"></div>
  54.  <div >
  55.  
  56.  </div>
  57. </body>
  58. </html>
Espero alguna respuesta muchas gracias!!!