Foros del Web - Ver Mensaje Individual - Como Mostrar contenido de un Menu en un div

jromeroak · #1 (**permalink**) 01/07/2014, 10:57

Buen día, quisiera saber como hacer lo siguiente:

tengo un menu (inicio, aplicaciones, tutoriales) quiero que al darle click en uno de ellos me llame a un html y se muestre en un div (llamado id="apContenido")

*con iframe funciona bien (pero he notado que al hacerle click la url no cambia, es decir, sigue siendo index.html en ves de aplicaciones.html ¡OJALA ME ENTIENDAN!)

*Con jQuery no logro ver el html en mi div="apContenido" y vaya que intentado de todo:

aca el codigo html:

Código HTML:

Ver original<!DOCTYPE HTML>
<html lang="es">
<head>
 
<meta charset="UTF-8" name="viewport" content="width=device-width; initial-scale=1.0">
<title>mi pagina</title>
 
<script src="jquery-1.6.1.min.js"></script>
 
<script type="text/javascript"> 
        $(document).ready(function() { 
        $("#inicio").click(function(event) { 
        $("#apContenido").load('aplicaciones.html');
 }); 
 }); 
 </script>
 
<body>
 
<header>
 
<div class="bottom" id="inicio">
        
    <a href="#"><img class="icon" src="imagenes/inicio3.png" width=109></a </div>
    
<div class="bottom" id="aplicaciones">
        
    <a href="#"><img class="icon" src="imagenes/aplicaciones.png" width=109></a></div>
    
</header>
 
    
    <div name="apContenido" id="apContenido">   
    
 
    </div>
 
</body>
</html>