Tema: Problema Clase active del menu en pagina can Ajax
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 19/03/2013, 15:02
Avatar de Juanito_Calavera
Juanito_Calavera
 
Fecha de Ingreso: enero-2013
Ubicación: Suiza
Mensajes: 2
Antigüedad: 11 años, 10 meses
Puntos: 0
Pregunta Problema Clase active del menu en pagina can Ajax
Hola a todos!

He leido bastante todos o casi todos los post, y no soy mucho de preguntar, me gusta más investigar..pero no lo encuentro!!
y pienso que debe ser fácil, pero soy muy muy principiante, es más bien una aficción, bueno adelante.

No me queda fija la clase active del menu!
Trabajo con includes. Os copio el codigo.

INDEX

Código PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<link rel="stylesheet" type="text/css" href="css/estilos.css"/>
<link rel="stylesheet" type="text/css" href="css/menu.css" />

<script src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/jquery.accordion.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.easySlider1.5.js"></script> 

<script type="text/javascript">
$(document).ready(function(){    
    $('#st-accordion').accordion();
});

function cargar(div, desde){    
    $(div).load(desde);    
}
</script>
  
</head>
<body>  
<div id="wrapper">
<div id="cabecera"><?php include("includes/cabecera.php"); ?></div> 
<div id="navegador"><?php include("includes/menu.php"); ?></div>
<div id="contenido"></div>
<div class="clear"></div>
<div id="pie"><?php include("includes/pie.php"); ?></div>
</div>
<?php include("includes/google.php"); ?>
</body>
</html>

INCLUDES MENU RESUMIDO

Código PHP:
<div id="st-accordion" class="st-accordion">
  <ul>                    
    <li>
      <a href="#">About<span class="st-arrow">Open or Close</span></a>
        <div class="st-content">
          <ul>              
            <li><a href="#¿Qu&eacute; es maqtieB?" onClick="cargar('#contenido', 'seccion/que.php');" 
                  return="false">¿Qu&eacute; es maqtieB?</a></li>
            <li><a href="#¿D&oacute;nde est&aacute; maqtieB?" onClick="cargar('#contenido', 'seccion/donde.php');"
                  return="false">¿D&oacute;nde est&aacute; maqtieB?</a></li>
          </ul>
        </div>
      </li>
    </ul>
</div> 

ESTILOS

Código CSS: 
Ver original
  1. .st-accordion ul li > a{
  2.     font-family: 'Courier New', Courier, monospace;
  3.     font-size: 14px;    
  4.     line-height: 30px;  
  5.     color: #999;
  6.     padding: 0px;   
  7. }
  8. .st-accordion ul li > a:active{color: #6CF;}
  9. .st-accordion ul li ul li {Height: 20px;}
  10. .st-accordion ul li > a:hover{color: #6CF;}
  11. .active > a{color: #6CF;}


listo! en las secciones siempre tengo un slider, son todas iguales, y me gustaría que cuando entro a una sección me quede activa en el menu,
lo que esta dentro del <div class="st-content"> ya que lo que esta en
div id="st-accordion" class="st-accordion"><ul> <li><a href="#">About<span class="st-arrow">Open or Close</span></a>
si queda activado.

Bueno gracias de antemano y seguire buscando y leyendo! saludos a todos!!