[SOLUCIONADO] spry accordion no me carga dentro de un div

summerblack · #1 (**permalink**) 27/06/2013, 08:33

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<ul id="menu">
<li>enlaces</li>
<li><a href="index.php" title="inicio">Inicio</a></li>
<li><a href="javascript:Enviar('accordion.php','contenido')" title="busqueda">Busqueda</a></li>
</ul>
<!--fi

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

Código HTML:

Ver original<?php
error_reporting(E_ALL & ~E_NOTICE);
include_once('clase.php');
include_once('conexion.php');
//variables de busqueda
$x=$_GET['x'];
$y=$_GET['y'];
$acordion = new Clase;
$res=$acordion->consultar($x,$y);
$sql = new MySql;
?>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Buscar</title>
<link href="css/estilo.css" rel="stylesheet" type="text/css">
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/javascript" src="js/ajax.js"></script>
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<div id="Accordion1" class="Accordion" tabindex="0"> 
<?php
while ($fila=$sql->fetch_array($res)){
?>     
    <div class="AccordionPanel">
      <div class="AccordionPanelTab"><?php echo ($fila['z']); ?></div>
      <div class="AccordionPanelContent">
      <table>
      <tr bgcolor="#CCCCFF">
        <td>id</td>
        <td>nombre</td>
      </tr>
      <tr>
        <td><?php echo $fila['id']; ?></td>
        <td><?php echo $fila['nombre']; ?></td>
      </table>
      </div>
    </div> 
<?php
}
?>
</div>
<script type="text/javascript">
var Accordion1 = new Spry.Widget.Accordion("Accordion1", {useFixedPanelHeights:false}); 
Accordion1.closePanel();
</script>
</body>
</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

Karmac · #2 (**permalink**) 27/06/2013, 09:56

No se si entendí bien, lo que quieres es cargar acorddion.php mediante AJAX dentro de un DIV en tu página actual, ¿me equivoco?

Si es así tienes unos cuantos fallos. Primero de todo no puedes poner dos DOCTYPEs en una misma página (a no ser que sea mediante marcos), igual que tampoco puedes varios head, ni body, ni html, y mucho menos los links dentro de estas etiquetas.

Saludos.