Cacao Mental con menu de navegación, cargas dinamicas

[rutame]

Hola a todos, tengo un tremendo "cacao mental" que me está volviendo loco. Quiero hacer una web, que contenga un index.php y que mediante includes tenga:

• HEADER
• MENU
• FOOTER

Quiero que cuando se haga "click" en una de las opciones del menú, se quede seleccionada.

Hasta ahora he probado innumerables formas de hacerlo, tirando de jQuery tal que así:

Código Javascript:

$(document).ready(function(){
    $('li').click(function(){
    
    $(this).siblings().removeClass('selected');
    $(this).addClass('selected');
    
    var pagina = $(this).attr('name');
        $.ajax({
         type: "GET",
         
         url: pagina + '.php',
         
         success : function(data){
         $('#cuerpo').html(data);
         
         }
        });
        alert('Éxito!!' + pagina);
    });
   });
 

Pero claro, con esto tengo que incluir en esa "página" los includes "funciones.php", "conecta.php", etc. en cada una de ellas con lo cual no es muy productivo. Si no lo incluyo no me reconoce las funciones, a pesar de que están incluidas en el index.php.

El menú está tal que así:

Código HTML:

<div id="menu">
<ul>
<li class="ent" name="1"><?php echo $ent;?></li> 
<li class="ent" name="2"><?php echo $lis;?></li> 
</ul>
</div>
 

En las "páginas php" tengo consultas a una Base de Datos. Si pongo los "items" del menú con enlaces tal que así:

Código HTML:

<a href="index.php?pagina=1">Inicio</a> 

Funciona, pero no se queda "seleccionado" el botón del menú...

Bueno, espero haberme explicado medianamente bien.

¿Se les ocurre como podría hacer que esté todo más ordenado y que se quede el botón "clickado" seleccionado?

Muchas gracias

[pitufoweb]

Hola,

Solo tienes que ponerle una clase al elemento seleccionado. Tal ves en el foro de PHP te puedan orientar mejor.


Saludos

[rutame]

Claro, pero ¿cómo?. Por ahora le añado la clase "selected" al li seleccionado, con jQuery, pero no se por qué, hace una especie de reload y desaparece.

Por otra parte, si hago un "load" desde jQuery, no reconoce las variables y funciones activas en el index.php.

Estoy confuso.

[pzin]

Es que si haces click en un enlace, el comportamiento normal es que cargue ese enlace. Tendrías que indicar que al hacer click en el enlace no siga el enlace, usando preventDefault.

De todas formas yo prefiero hacer el asunto de los menues seleccionados mediante el servidor, no usando JavaScript.

[rutame]

pzin, podrías poner un ejemplo de como hacerlo?

Muchas gracias