Tema: spry accordion no me carga dentro de un div
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 27/06/2013, 07:58
summerblack
 
Fecha de Ingreso: diciembre-2012
Mensajes: 249
Antigüedad: 11 años, 4 meses
Puntos: 2
spry accordion no me carga dentro de un div
Hola chicos! mi pregunta es la siguiente
he implementado en una pagina un spry accordion que se llena con una consulta a la base de datos.. hasa ahi, todo muy bien.
El problema es cuando quiero cargar ese spry dentro de un div, es decir, mi pagina principal (index.php) tiene un menu que carga las otras paginas mediante ajax, algo asi:

Código HTML: 
Ver original
  1. <ul id="menu">
  2. <li>enlaces</li>
  3. <li><a href="index.php" title="inicio">Inicio</a></li>
  4. <li><a href="javascript:Enviar('accordion.php','contenido')" title="busqueda">Busqueda</a></li>
  5. </ul>
  6. <!--fi

y la pagina del donde tengo el accordion es algo asi:

Código HTML: 
Ver original
  1. <?php
  2. error_reporting(E_ALL & ~E_NOTICE);
  3. include_once('clase.php');
  4. include_once('conexion.php');
  5. //variables de busqueda
  6. $x=$_GET['x'];
  7. $y=$_GET['y'];
  8. $acordion = new Clase;
  9. $res=$acordion->consultar($x,$y);
  10. $sql = new MySql;
  11. ?>
  12. <!doctype html>
  13. <html>
  14. <head>
  15. <meta charset="utf-8">
  16. <title>Buscar</title>
  17. <link href="css/estilo.css" rel="stylesheet" type="text/css">
  18. <link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css">
  19. <script language="JavaScript" type="text/javascript" src="js/ajax.js"></script>
  20. <script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
  21. <div id="Accordion1" class="Accordion" tabindex="0"> 
  22. <?php
  23. while ($fila=$sql->fetch_array($res)){
  24. ?>     
  25.     <div class="AccordionPanel">
  26.       <div class="AccordionPanelTab"><?php echo ($fila['z']); ?></div>
  27.       <div class="AccordionPanelContent">
  28.       <table>
  29.       <tr bgcolor="#CCCCFF">
  30.         <td>id</td>
  31.         <td>nombre</td>
  32.       </tr>
  33.       <tr>
  34.         <td><?php echo $fila['id']; ?></td>
  35.         <td><?php echo $fila['nombre']; ?></td>
  36.       </table>
  37.       </div>
  38.     </div> 
  39. <?php
  40. }
  41. ?>
  42. </div>
  43. <script type="text/javascript">
  44. var Accordion1 = new Spry.Widget.Accordion("Accordion1", {useFixedPanelHeights:false}); 
  45. Accordion1.closePanel();
  46. </script>
  47. </body>
  48. </html>

El problema es que al cargar la pagina acorddion.php dentro del div (al hacer clic en el link) este No adquiere las propiedades del javascript y css que hacen el efecto accordion, es decir queda como si fueran solo los div.

Espero hacerme entender, solo necesito que el acordion tenga su efecto de accordion. jeje gracias a quien me pueda ayudar