Ver Mensaje Individual
  #3 (permalink)  
Antiguo 06/04/2015, 13:21
Avatar de Jilti
Jilti
 
Fecha de Ingreso: abril-2007
Mensajes: 47
Antigüedad: 17 años
Puntos: 4
Respuesta: cargar contenidos de menu en div

Saludos, a mi se me ocurre con javascript.

El código sería el siguiente, luego tu lo completas.

Código HTML:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Portal</title>
 
    <link rel="stylesheet" type="text/css" href="css/style.css">
<script language="javascript" type="text/javascript">           
                function muestra(nombrediv, muestraoculta) {
                        if(muestraoculta == 'm') {
                                document.getElementById(nombrediv).style.display = '';
                        }
                        
                        if(muestraoculta == 'o') {
                                document.getElementById(nombrediv).style.display = 'none';
                        }
                        
                        if(muestraoculta != 'm' && muestraoculta != 'o') {
                                if(document.getElementById(nombrediv).style.display == '') {
                                        document.getElementById(nombrediv).style.display = 'none';
                                } else {
                                        document.getElementById(nombrediv).style.display = '';
                                }
                        }
                }
        </script>
</head>
 
<body style="background:#E3E3E3;">
<div id="contenedor">
  <div id="header">
        <div class="logo">
            <img style="float:right;"src="img/header/Logo100alto.png" />
        </div>
<div class="menu">
<ul style="margin-left:60px;">
    <li><a href="index.php">HOME</a></li>
    <li><a href="#">EMPRESA</a>
        <ul>
        <li><a href="javascript:;" onClick="muestra('somos', 'm'); muestra('equipo', 'o'); muestra('objetivo', 'o');";>Somos</a></li>
        <li><a href="javascript:;" onClick="muestra('somos', 'o'); muestra('equipo', 'm'); muestra('objetivo', 'o');";>&nbsp;Equipo</a></li>
        <li><a href="javascript:;" onClick="muestra('somos', 'o'); muestra('equipo', 'o'); muestra('objetivo', 'm');";>&nbsp;Objetivo</a></li>
    </ul>
    </li>
    <li><a href="#">CLIENTES</a></li>
</ul>
</div>
</div>
 
<div style="display:none" id="somos">
 Aqui el contenido de SOMOS
</div>
<div style="display:none" id="equipo">
Aqui el contenido de Equipo
</div>
<div style="display:none" id="objetivo">
 Aqui el contenido de Objetivo
</div>
 
</div>
</body>
</html> 
Creas un div con cada uno de los contenidos que se muestren. En los enlaces tienes que poner todos los div con un valor "m" o "o" para decirle cual es el se tiene que mostrar.

No es lo que querías, pero espero que te sirva... Saludos