Cambiar Sección

[EkizUtka]

Les juro que no sabía dónde postear, debe haber muchas formas de hacerlo, pero se me ocurrió que PHP sería la correcta.

(Entendamos, no soy un entendido del Php, de hecho, aprendí CSS hace unos cuántos días)

Pero la cuestión es la siguiente y tiene estos elementos:

Dentro del index:

Código:

<?php include("lista.php"); ?>

Que contiene lo siguiente:

Código:

<ul>
<li><a href="#">Archivo</a></li>
<li><a href="#">Secciones</a></li>
<li><a href="#">El Autor</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Graficos</a></li>
<li><a href="#">RSS</a></li>
</ul>

Luego del include anterior, en el index, viene un Div:

Código:

<div class="content">
</div>

Y busqué formas para realizar el switcheo de sección, pero el que encontré era muy inestable, no funcionaba en casi ningún servidor de los que probé, no vale la pena postearlo.

La pregunta: ¿Cómo hago, para que al clickear un elemento de la lista, el Div class="content" (quien puede llevar un id también) cambie su contenido interior?.

Agradezco toda la ayuda posible.

Atte.
EkizUtka.

[the_web_saint]

Por lo que veo no quieres cargar otra página entera que tenga incluido el menu, osea que sin recarga de páginas.
Lo puedes hacer mediante ajax. o cambiar el contenido del div por medio de un switch y incluyendo los diferentes archivos dependiendo de lo que se clickee.

Saludos

EDITADO:

Por ejemplo: puedes hacer algo como esto:

Código php:

<div class="columna">
                    <?php
                    switch($_GET['page'])
                    {
                        case 1:
                                include("catalogoLogo/p1c1.html");
                                break;
                        case 2:
                                include("catalogoLogo/p2c1.html");
                                break;
                        case 3:
                                include("catalogoLogo/p3c1.html");
                                break;
......................................................
                        default:
                                include("catalogoLogo/p1c1.html");
                                break;
                    }
                    ?>
                </div>
 

Siendo $page una variable que pases por medio de GET cuando presiones en el menu:

Código php:

<ul>
<li><a href="index.php?page=1">Archivo</a></li>
<li><a href="index.php?page=2">Secciones</a></li>
<li><a href="index.php?page=3">El Autor</a></li>
<li><a href="index.php?page=4">Links</a></li>
.......
</ul>
 

O usando ajax, que puedes hacer un llamado por GET para cargar un archivo externo en el div.
O usando jquery tambien es posible.

Saludos, espero haberte ayudado.

[EkizUtka]

Muchas gracias, la verdad es que me sirvió.

Muchas gracias de nuevo.