Pasar dato entre páginas asp.net con Jquery
Publicado por Juan (2 intervenciones) el 14/03/2015 16:35:29
Hola Gente!
Les paso un problema que estoy teniendo con jquery.
Resulta que tengo un página (Main.aspx) en donde la dividí en dos secciones (con div). La primera de ellas tiene un control de usuario (ascx) con un listado de opciones tipo menú y en la segunda quiero mostrar una página en base a la selección del listado. El problema es que no se muestra lo que quiero. En realidad no muestra nada.
Utilizo VS2012.
Para que se entienda mejor les paso el código:
Main.aspx:
Donde quiero cargar la página externa es en el div con id=”contenido”
UCNavigation.ascx:
Espero se entienda el problema y puedan darme una mano porque realmente ya no se que mas hacer.
Saludos!
Les paso un problema que estoy teniendo con jquery.
Resulta que tengo un página (Main.aspx) en donde la dividí en dos secciones (con div). La primera de ellas tiene un control de usuario (ascx) con un listado de opciones tipo menú y en la segunda quiero mostrar una página en base a la selección del listado. El problema es que no se muestra lo que quiero. En realidad no muestra nada.
Utilizo VS2012.
Para que se entienda mejor les paso el código:
Main.aspx:
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
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Main.aspx.cs" Inherits="Admin.Main" %>
<%@ Register TagPrefix="uc1" TagName="UCNavigation" Src="UCNavigation.ascx" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Mi sitio</title>
<link rel="stylesheet" href="Styles/estilo.css" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<form id="form1" runat="server">
<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ffffff"><br />
<tr>
<td width="200" rowspan="2" align="left" valign="top" style="background: #000000">
<uc1:UCNavigation ID="UserControl2" runat="server"></uc1:UCNavigation>
</td>
<td height="20" colspan="3" valign="top"> </td>
</tr>
<tr>
<td width="20" height="350" valign="top"> </td>
<td width="780" valign="top" colspan="3">
<div id="contenido"></div> <%--(Aquí quiero cargar el contenido)--%>
</td>
</tr>
</table>
</form>
</body>
</html>
Donde quiero cargar la página externa es en el div con id=”contenido”
UCNavigation.ascx:
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
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="UCNavigation.ascx.cs"Inherits="Teach.UCNavigation" %>
<html>
<head>
<title></title>
<link href="Styles/estiloAccordion.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-latest.pack.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#nav a").each(function () {
var href = $(this).attr("href");
$(this).attr({ href: "#" });
$(this).click(function () {
$('Main.aspx #contenido').load(href); <%--(Aquí paso la referencia al contenido de la página principal)--%>
});
});
});
</script>
<script>
$(document).ready(function () {
$("#accordian h3").click(function () {
$("#accordian ul ul").slideUp();
if (!$(this).next().is(":visible")) {
$(this).next().slideDown();
}})
})
</script>
</head>
<body>
<div id="accordian">
<ul id="nav">
<li class="active">
<h3><span class="icon-dashboard"></span>Paginas</h3>
<ul>
<li><a href="Pagina1.aspx">Pagina 1</a></li>
<li><a href="Pagina2.aspx ">Pagina 2</a></li>
<li><a href="Pagina3.aspx ">Pagina 3</a></li>
<li><a href="Pagina4.aspx ">Pagina 4</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>
Espero se entienda el problema y puedan darme una mano porque realmente ya no se que mas hacer.
Saludos!
Valora esta pregunta
0