Crear menu navegacion

lucas_max2002 · #1 (**permalink**) 21/12/2014, 17:56

Hola Foro, que tal!

En estos momentos me estoy adentrando en la programacion web.
Quiero desarrollar una pagina de prueba, pero no he podido realizar lo que deseo.

Lo que quiero, es hacer una pagina principal, que al lado izquierdo (todo el lado izq) aparezca un menu, pero que al hacer click sobre cualquiera de sus elementos, al lado derecho de pagina aparezca la pagina indicada.

No quiero ir a una pagina nueva cada vez, sino mantenerme siempre en la vista, es decir, que el menu siempre se mantenga fijo, y que lo que cambie sea el contenido de la derecha.

He buscado por google, pero siempre me aparece lo de navegar dentro de la misma pagina (esto de #), pero no es lo que quiero.

Espero haberme hecho entender.

Muchas gracias

moginn · #2 (**permalink**) 21/12/2014, 19:36

Si lo que estás preguntando es cómo hacer frames (http://www.w3schools.com/tags/tag_frame.asp) te lo desaconsejo porque tienen muchos inconvenientes de usabilidad.

En su lugar deberías guardar el menú en un archivo PHP y usar la función include desde el layout para incluir este archivo.

fede5426 · #3 (**permalink**) 22/12/2014, 18:56

Usando un switch.. algo mas o menos asi:

index.php

Código PHP:

  <?php

$opcion=$_GET["opcion"];

switch($opcion){

 
    case "home": //cuando el valor de la "opcion" sea "home"...

        $contenido="home.php"; //ruta del contenido (si esta dentro de la carpeta "php" seria "php/home.php")

        $titulo="Home"; //titulo que aparece en la pestaña del navegador

        break;

 
    case "pagina1":

        $contenido="pagina1.php";

        $titulo="Pagina 1";

        break;

 
        case "pagina2":

        $contenido="pagina2.php";

        $titulo="Pagina 2";

        break;

        

    default:

        $contenido="home.php";

        $titulo="Home";

        break;

}

?>

 
<!DOCTYPE html>

<html>

<head>

    <title><?php echo $titulo; ?></title>

</head>

<body>

    <ul>

        <li><a href="?opcion=home">Home</a></li>

    <li><a href="?opcion=pagina1">Pagina 1</a></li>

    <li><a href="?opcion=pagina2">Pagina 2</a></li>

    </ul>

<?php // el signo de interrogacion "?" hace referencia a que es una variable de opcion, puede ser cualquier cosa 

//solo puse "opcion" para que sea mas facil de entender, podria ser "?op=". 

//Y lo que va despues del igual es el valor que le asignas a esa opcion, que va a cambiar con el switch que usamos arriba ?>

 
       <div>

              <?php include($contenido);?>

       </div>

</body>

</html>

Saludos!

GeekGirl · #4 (**permalink**) 23/12/2014, 09:40

Un poco de búsqueda nunca viene mal :)

http://www.forosdelweb.com/f4/agrega...html5-1115177/

Zeromm · #5 (**permalink**) 24/12/2014, 06:35

Lo que quieres es algo como estos ejemplos

Ejemplo 1

Ejemplo 2

Ejemplo 3

Ejemplo 4

Si buscas en google por "page transitions" encontrarás cieentos de ejemplos. Eso si, si la web va a tener mucho contenido, piensa que va a ser muy pesada, ya que todo ese contenido va dentro del mismo html (es decir, de la misma url).

Si quieres hacer esto mismo pero cambiando de url... creo que se hace con ajax