Foros del Web » Creando para Internet » HTML »

[SOLUCIONADO] Mostra contenido html dentro de otro html en un menu

Estas en el tema de Mostra contenido html dentro de otro html en un menu en el foro de HTML en Foros del Web. Quisiera hacer un menu que cuando se presiona una categoria del menu muestre un contenido el cual el src va ser un link (http://pagina.ejemplo), lo ...
  #1 (permalink)  
Antiguo 08/02/2015, 11:10
 
Fecha de Ingreso: febrero-2015
Ubicación: Panama
Mensajes: 4
Antigüedad: 10 años
Puntos: 0
Mostra contenido html dentro de otro html en un menu

Quisiera hacer un menu que cuando se presiona una categoria del menu muestre un contenido el cual el src va ser un link (http://pagina.ejemplo), lo he intentado mediante iframe, llamados con javascript, incluso con jquery pero no consigo esto, lo que deseo es que la pagina principal no tenga que estar cargando el menu para mostrar dicho contenido que en si solo carge el contenido dentro de una sola pagina.

Si alguien sabe algun metodo que funciones que me ayude se le agradece
  #2 (permalink)  
Antiguo 08/02/2015, 11:54
Avatar de fede5426  
Fecha de Ingreso: diciembre-2014
Ubicación: Córdoba
Mensajes: 446
Antigüedad: 10 años, 2 meses
Puntos: 208
Respuesta: Mostra contenido html dentro de otro html en un menu

Con php puede ser una forma..

index.php

Código PHP:
Ver original
  1. <?php
  2. $opcion=$_GET["opcion"]; //obtenemos por GET la variable opcion que declaramos mas adelante en los enlaces
  3. switch($opcion){
  4.  
  5.     case "home": //cuando el valor de la "opcion" sea "home"...
  6.         $contenido="home.php"; //ruta del contenido (si esta dentro de la carpeta "php" seria "php/home.php")
  7.         $titulo="Home"; //titulo que aparece en la pestaña del navegador
  8.         break;
  9.  
  10.     case "pagina1":
  11.         $contenido="pagina1.php";
  12.         $titulo="Pagina 1";
  13.         break;
  14.  
  15.     case "pagina2":
  16.         $contenido="pagina2.php";
  17.         $titulo="Pagina 2";
  18.         break;
  19.          
  20.     default:
  21.         $contenido="home.php";
  22.         $titulo="Home";
  23.         break;
  24. }
  25. ?>
  26.  
  27. <!DOCTYPE html>
  28. <html>
  29. <head>
  30.     <title><?php echo $titulo; ?></title>
  31. </head>
  32. <body>
  33.     <ul>
  34.         <li><a href="?opcion=home">Home</a></li>
  35.         <li><a href="?opcion=pagina1">Pagina 1</a></li>
  36.         <li><a href="?opcion=pagina2">Pagina 2</a></li>
  37.     </ul>
  38.  
  39. <?php
  40. /*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 */
  41. ?>
  42.  
  43.        <div>
  44.               <?php include($contenido);?>
  45.        </div>
  46. </body>
  47. </html>


Muchos los hacen con javascript, sinceramente no se cuál es mejor forma, cuáles son las ventajas y desventajas de cada uno.. yo te muestro esta forma, si no te convence espera mas respuestas :P

Saludos
  #3 (permalink)  
Antiguo 08/02/2015, 14:55
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 11 meses
Puntos: 1826
Respuesta: Mostra contenido html dentro de otro html en un menu

Por acá hay un tema desarrollandose: http://www.forosdelweb.com/f91/hable...munes-1048430/

Pero en los sistemas nuevos hay que recargar el menú, ya que este menú forma parte de una página nueva.

Lo único que no recarga es un contenido con ajax on con un lazy load. Busca eso en google.
  #4 (permalink)  
Antiguo 08/02/2015, 15:11
 
Fecha de Ingreso: febrero-2015
Ubicación: Panama
Mensajes: 4
Antigüedad: 10 años
Puntos: 0
Respuesta: Mostra contenido html dentro de otro html en un menu

Muchas gracias por responder, probare los dos metodos, una pregunta fede5426, los enlaces de del menu "home.php" "pagina1.php" etc, se pueden remplazar con enlaces como "http://www.pagina.ejemplo/home" ?

Etiquetas: html5
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:11.