Tema: cargar contenidos de menu en div
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 06/04/2015, 09:44
marlonphp
 
Fecha de Ingreso: junio-2013
Mensajes: 11
Antigüedad: 10 años, 10 meses
Puntos: 0
cargar contenidos de menu en div
Hola buenas tardes.. necesito un poco de su ayuda...
estoy creando un sitio.. y tengo un menu con submenus y quiero que al hacer clic en los submenus, me muestre el contenido en un div llamado contenido que se muestra en la misma pagina...
Código HTML: 
Ver original
  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  4. <title>Portal</title>
  5.  
  6.     <link rel="stylesheet" type="text/css" href="css/style.css">
  7.     
  8. </head>
  9.  
  10. <body style="background:#E3E3E3;">
  11. <div id="contenedor">
  12.   <div id="header">
  13.         <div class="logo">
  14.             <img style="float:right;"src="img/header/Logo100alto.png" />
  15.         </div>
  16. <div class="menu">
  17. <ul style="margin-left:60px;">
  18.     <li><a href="index.php">HOME</a></li>
  19.     <li><a href="#">EMPRESA</a>
  20.         <ul>
  21.         <li><a href="empresa/historia.php">&nbsp;Somos</a></li>
  22.         <li><a href="empresa/equipo.php">&nbsp;Equipo</a></li>
  23.         <li><a href="empresa/objetivo.php">&nbsp;Objetivo</a></li>
  24.     </ul>
  25.     </li>
  26.     <li><a href="#">CLIENTES</a></li>
  27. </ul>
  28. </div>
  29. </div>
  30.  
  31.   <div id="contenido">
  32.  
  33.   </div>
  34.  
  35. </div>
  36. </body>
  37. </html>

de manera grafica quedaria mas o menos:

Código HTML: 
Ver original
  1. ---------------------------------------------------------------------------------------
  2. HOME            EMPRESA              CLIENTE
  3.                         somos
  4.                         equipo
  5.                         objetivo
  6. --------------------------------------------------------------------------------------
  7. div del contenido
  8.  
  9. al presionar el menu o submenu, la informacion me muestre en este div, y no en otra pestaña del navegador... 
  10.  
  11. -----------------------------------------------------------------------------------

Espero que me uedan ayudar o decirme como hacerlo.. gracias..