Cargar pagina html en un div
Publicado por ricarmill (1 intervención) el 15/05/2012 07:06:00
Hola a todos,
Estoy incurcionando en el mundo del jquery, pero la verdad es que tengo un tema algo confuso que por mas que he leido no he encontrado la respuesta.
Bueno la idea es que estoy realizando una web, en la cual utilizo estilos css y html.
Pretendo que a traves del menu principal de mi pagina, pueda cargar una pagina web en un div que tengo en mi pagina principal, pero al dar click en el boton que quiero que muestre mi pagina en el dia, esta se abre en otra ventana.
Este es mi codigo jquery:
este es mi codigo html, por el momento solo estoy probando los botones de INICIO y QUIENES SOMOS, para el boton inicio no tengo problema pq el link hace referencia a mi pagina principal, pero cuando doy click en el boton QUIENES SOMOS la pagina se abre en la misma ventana y no en el div :
Estoy incurcionando en el mundo del jquery, pero la verdad es que tengo un tema algo confuso que por mas que he leido no he encontrado la respuesta.
Bueno la idea es que estoy realizando una web, en la cual utilizo estilos css y html.
Pretendo que a traves del menu principal de mi pagina, pueda cargar una pagina web en un div que tengo en mi pagina principal, pero al dar click en el boton que quiero que muestre mi pagina en el dia, esta se abre en otra ventana.
Este es mi codigo jquery:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script type="text/javascript" src="/js/jquery-latest.pack.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#qm0 a").each(function(){
var href = $(this).attr("href");
$(this).attr({ href: "#"});
$(this).click(function(){
$("#contenido").load(href);
});
});
});
</script>
este es mi codigo html, por el momento solo estoy probando los botones de INICIO y QUIENES SOMOS, para el boton inicio no tengo problema pq el link hace referencia a mi pagina principal, pero cuando doy click en el boton QUIENES SOMOS la pagina se abre en la misma ventana y no en el div :
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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
<meta http-equiv="X-UA-Compatible" content="IE=9"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PERMETALES</title>
<style type="text/css">
<!--
body {
background-color: #000000;
}
--></style>
<link href="/web_prueba/css/frames.css" rel="stylesheet" type="text/css" />
<link href="/web_prueba/css/menu.css" rel="stylesheet" type="text/css">
<link href="/web_prueba/css/footer.css" rel="stylesheet" type="text/css">
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript"></script>
<script type="text/javascript" src="/js/jquery-latest.pack.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#qm0 a").each(function(){
var href = $(this).attr("href");
$(this).attr({ href: "#"});
$(this).click(function(){
$("#contenido").load(href);
});
});
});
</script>
</head>
<body>
<div align="center">
<table width="800" height="572" border="1" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top"><p> </p>
<p><img src="images/logo.png" alt="" width="245" height="50" align="baseline"></p>
<ul class="qmmc qm-horizontal-c" id="qm0" style="width:820px;" name="qm0">
<li><a class="qmitem-m" href="index.html">INICIO</a></li>
<li><a class="qmitem-m" href="menu.html">QUIENES SOMOS</a></li>
<li><a class="qmitem-m qmparent" href="javascript:void(0)">PUERTAS</a>
/ul> <!-- Create Menu Settings: (Int Menu ID, Object Literal Settings - {showDelay:int, hideDelay:int, interaction:string}) [interaction options... 'hover', 'all-always-open', 'click-all', 'all', 'all-always-open', 'main')] --><script type="text/javascript">qm_create(0,{showDelay:200,hideDelay:200,interaction:'hover',autoResize:false});</script><!--[END-QM0]-->
<!--[END-QM0-INSERT]--> </td>
</tr>
<tr>
<td height="356" align="center" valign="middle"><div id = "contenido"></div></td>
<tr>
<td align="center" valign= "bottom">
</td>
</tr>
</table>
</div>
</body>
</html>
Valora esta pregunta
0
