Ver Mensaje Individual
  #5 (permalink)  
Antiguo 16/05/2015, 12:40
ferakugregor
 
Fecha de Ingreso: diciembre-2012
Ubicación: Madrid
Mensajes: 19
Antigüedad: 11 años, 5 meses
Puntos: 1
Respuesta: Retutilizar menus

Gracias Alexis intento escribirlo bien,
Me he dado cuenta de que en firefox funciona perfectamente pero en chrome por muchas vueltas que le doy no funciona
Este seria mi index.html
Código HTML:
Ver original
  1. <!DOCTYPE html>
  2.     <title>PRUEBA</title>
  3.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
  4.  
  5.     <script>
  6.         function loadContent()
  7.         {
  8.            $("#headerMain").load("header.html");
  9.         }
  10.     </script>
  11. </head>
  12.  
  13. <body>
  14.     <div id="headerMain"></div>
  15.     <div id="main"></div>
  16.     <div id="footer"></div>    
  17.     <script>loadContent()</script>
  18. </body>
  19. </html>

Y esto mi header.html (el archivo que le hago includer):
Código HTML:
Ver original
  1.   <nav role='navigation' class="main-nav" id="main-nav">
  2.     <ul id="main-nav-list">
  3.     <li>
  4.       <a href="#">
  5.         <div>
  6.           Home
  7.           <span>is where the heart is</span>
  8.         </div>
  9.       </a>
  10.     </li>
  11.     <li>
  12.       <a href="#">
  13.         <div>
  14.           About
  15.           <span>to blow this popcicle stand</span>
  16.         </div>
  17.       </a>
  18.     </li>
  19.     <li>
  20.       <a href="#">
  21.         <div>
  22.           Clients
  23.           <span>are beautiful people</span>
  24.         </div>
  25.       </a>
  26.     </li>
  27.     <li>
  28.       <a href="#">
  29.         <div>
  30.           Contact
  31.           <span>your mom she misses you</span>
  32.         </div>
  33.       </a>
  34.     </li>
  35.     </ul>
  36.   </nav>