Comunidad de diseño web y desarrollo en internet online

Cargar paginas de un menu en un div

Citar            
MensajeEscrito el 25 May 2009 10:21 am
Tengo una pagina index.html donde tengo un div cabecera con un menu flash y en esa misma pagina tengo otro div mas abajo (y dentro de el mas divs) llamado contenido donde quiero que se me carguen las diferentes opciones del menu flash.

Por favor no encuentro nada y no controlo de ajax ni nada de esto. Se puede hacer? Podríais ayudarme por favor?

Muchas gracias

Por seijas88

0 de clabLevel



 

firefox
Citar            
MensajeEscrito el 01 Jun 2009 06:39 pm
Si lo que quieres es cargar contenido html dentro de una capa (div) sin utilizar php, lo puedes hacer con jQuery cargando tipo ajax el contenido que desees.

1. Buscas y descargas la libreria jQuery (framework de Javascript muy potente que ayuda ademas con los trabajos en AJAX)
2. Cargas la libreria jquery.js en tu header

Código :

<head>
<script src="path-to-files/js/jquery.latest.js"></script>
</head>


3. En el menu utilizas los enlaces haciendo la llamada javascript:

Código :

<a href="javascript:$('#carga-contenido'.load('path-to-files/includes/main.html'))">Inicio</a>
<a href="javascript:$('#carga-contenido'.load('path-to-files/includes/servicios.html')">Servicios</a>
<a href="javascript:$('#carga-contenido'.load('path-to-files/includes/quienes-somos.html')">Quienes somos</a>


4. y obviamente, en tu body, crea una capa con el id="carga-contenido"

Código :

<div id="carga-contenido">Contenido por defecto...</div>

Por Necrophasto

Claber

148 de clabLevel



Genero:Masculino  

Diseñador gráfico y web

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.