Webmaster - Cargar pagina en un div

   
Vista:

Cargar pagina en un div

Publicado por Miguel (10 intervenciones) el 08/12/2013 00:37:34
Hola,

Estoy desarrollando una web personal. Tengo un header y un menu horizontal que permanecen fijos y quiero que en un contenedor se muestren las diferentes paginas de las que consta mi sitio al pinchar en las opciones del menu. Sin embargo, no consigo el efecto de mostrar la pagina en el div al pulsar los enlaces del menu.

Estoy usando jquery para mi proposito. Este es el codigo de mi pagina:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type">
<title>Index</title>
 <link type="text/css" href="personal.css" rel="stylesheet"></link>
</head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(e) {
 
 
	var url = "http://localhost:8080/PaginaPersonal/";
	$("nav a").click(function(e){
		e.preventDefault();
		var href = url + $(this).attr('href');
		//alert(href);
		//$("contenido").empty();
		$("contenido").load(href);
		alert(href);
		});
 
 
});
 
</script>
<body class="letra">
	<div id="wrapper-body">
		<header>
			<h1>Miguel</h1>
			<h2>Ingeniero en Informática</h2>
		</header>
 
		<nav id="menu-secundario">
			<ul id="menu-secundario-lista">
				<li><a href="personal.html" title="" >Informacion Personal</a></li>
				<li>Informarcion Academica</li>
				<li>Trayectoria Profesional</li>
				<li>Viajes y Estancias</li>
				<li>Galeria</li>
				<li>Contacto</li>
			</ul>
 
		</nav>
 
 
		<div id="contenido" style="position:relative;height:500px; background-color:#fff">
                 </div>
</div>
</body>
</html>

El problema reside al cargar la pagina en el contenedor, puesto que el alert(href) me muestra la direccion correcta de la pagina a cargar. Incluso he probado con cargar google, y tampoco lo consigo.

¿Alguna idea de lo que está pasando?

Gracias y un saludo.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve

Cargar pagina en un div

Publicado por xve (74 intervenciones) el 08/12/2013 18:33:47
Hola Miguel, contenido es un id, por lo que tienes que hacer refencia a el así:
1
$("#contenido").load(href);

Coméntanos, ok?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar