asp.net给框架页面传值，并刷新当前主页面
比如主页面是A.aspx，嵌套页面是B.aspx把B页面嵌套在A页面中，现在的问题是，如何点击A页面“姓名”这一项时，嵌套页面的内容跟着“姓名”改变，也就是怎么给框架传值...
比如主页面是A.aspx，嵌套页面是B.aspx
把B页面嵌套在A页面中，现在的问题是，如何点击A页面“姓名”这一项时，嵌套页面的内容跟着“姓名”改变，也就是怎么给框架传值，并在A页面显示最新信息呢！
如图所示，点击右边的aa时，下发图片显示aa所有的图片信息，图片位置使用的是框架！请高手告诉详细解决办法，最好写出代码！谢谢
代码如下 <iframe src="CollectionHeng.aspx" name="frm_piclist"
width="475" height="186" marginwidth="0"
marginheight="0" scrolling="no"
frameborder="0" id="frm_piclist" border="0" framespacing="2" vspale="0">
</iframe> 这是图片的框架代码
右边姓名列表也是框架，代码如下
<iframe src="CollectionShu.aspx" name="frm_piclist2"
width="158" height="320" marginwidth="0"
margin 展开
把B页面嵌套在A页面中，现在的问题是，如何点击A页面“姓名”这一项时，嵌套页面的内容跟着“姓名”改变，也就是怎么给框架传值，并在A页面显示最新信息呢！
如图所示，点击右边的aa时，下发图片显示aa所有的图片信息，图片位置使用的是框架！请高手告诉详细解决办法，最好写出代码！谢谢
代码如下 <iframe src="CollectionHeng.aspx" name="frm_piclist"
width="475" height="186" marginwidth="0"
marginheight="0" scrolling="no"
frameborder="0" id="frm_piclist" border="0" framespacing="2" vspale="0">
</iframe> 这是图片的框架代码
右边姓名列表也是框架，代码如下
<iframe src="CollectionShu.aspx" name="frm_piclist2"
width="158" height="320" marginwidth="0"
margin 展开
展开全部
window.parent.document.getElementById("frm_piclist").src="CollectionHeng.aspx?userId=" + id;
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
javascript:window.parent.frames[framename].getElementById(elementname).innerHTML="name";
--------------------------------------------------------------------------------------------------
var doc= window.parent;//获取父窗口document
var doc2=doc.frames["frm_piclist"] ///frm_piclist框架document
var div1=doc2.getElementById("元素ID");//获取元素
div1.innerHTML="t";
--------------------------------------------------------------------------------------------------
var doc= window.parent;//获取父窗口document
var doc2=doc.frames["frm_piclist"] ///frm_piclist框架document
var div1=doc2.getElementById("元素ID");//获取元素
div1.innerHTML="t";
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
window.parent.frames[frameName].document.getElementById('B页面中的div名字').innerHTML="想输出的结果";
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个应该是类似一个Tab选项卡的功能吧
用JS应该可以实现的。
你看下这个：
<head>
<style type="text/css">
#con
{width:600px;}
.c-ul
{
width:90px;
float:left;
border:1px #ff0000 solid;
}
.c-ul ul
{
margin:0;
padding:0;
font-size:20px;
height:150px;
}
.c-ul li
{
list-style:none;
padding:15px 0;
}
.c-ul ul.list-of-links li.current
{margin-left:15px;}
#tab-main-top1
{
width: 480px;
float: left;
padding-left:10px;
background-color:#666666;
margin:0 0 0 15px;
}
#tab-main-top1 ul
{
padding: 0px;
margin: 0px;
list-style: inside;
}
#tab-main-top1 ul li
{
display: block;
cursor: pointer;
font-weight: bold;
float: left;
margin-top: 3px;
width: 100px;
height: 23px;
background-color:#000000;
list-style: none;
color: #FFFFFF;
text-align:center;
}
#tab-main-top1 ul li.isactive
{
background: #FFFFFF;
color: #333333;
font-weight: bold;
}
#tab-main-top1-li
{
float: left;
height: 23px;
}
.tab-main
{
margin-left:15px;
border:1px #ff0000 solid;
float:left;
width:480px;
height:200px;
text-align:center;
font-size:20px;
color:#ff0000;
padding-top:50px;
}
a
{text-decoration: none;}
a:hover
{color:#d5d5d5;}
a:visit
{color:#cbcbcb;}
</style>
<script type="text/javascript">
function changeTab(n)
{
var len = 3;
for (var i = 1; i <= len; i++)
{
document.getElementById('tab_' + i).style.display = (i == n) ? 'block' : 'none';
document.getElementById('tab_head_' + i).className = (i == n) ? 'isactive' : 'none';
}
}
var timeout;
function delayChangeTab(m, n)
{
timeout = setTimeout('changeTab(' + m + ')', n);
}
function cancelChangeTab()
{
clearTimeout(timeout);
}
</script>
</head>
<body>
<div id="con">
<div class="c_ul">
<ul class="list-of-links" >
<li class="current" style="display:block" onclick="changeTab('1');"><a href="#">Part_1</a></li>
<li class="current" style="display:block" onclick="changeTab('2');"><a href="#">Part_2</a></li>
<li class="current" style="display:block" onclick="changeTab('3');"><a href="#">Part_3</a></li>
</ul>
</div>
<div id="tab-main-top1" >
<ul>
<li id="tab_head_1" onmouseover="delayChangeTab('1',500);" onmouseout="cancelChangeTab();"
onclick="changeTab('1')" class="isactive" style="width:100px">Part_1</li>
<li id="tab_head_2" onmouseover="delayChangeTab('2',500);" onmouseout="cancelChangeTab();"
onclick="changeTab('2')" style="width:100px">Part_2</li>
<li id="tab_head_3" onmouseover="delayChangeTab('3',500);" onmouseout="cancelChangeTab();"
onclick="changeTab('3')" style="width:100px">Part_3</li>
</ul>
</div>
<div id="tab_1" class="tab-main">Part_1</div>
<div id="tab_2" class="tab-main" style="display: none;">Part_2</div>
<div id="tab_3" class="tab-main" style="display: none;">Part_3</div>
</div>
</body>
用JS应该可以实现的。
你看下这个：
<head>
<style type="text/css">
#con
{width:600px;}
.c-ul
{
width:90px;
float:left;
border:1px #ff0000 solid;
}
.c-ul ul
{
margin:0;
padding:0;
font-size:20px;
height:150px;
}
.c-ul li
{
list-style:none;
padding:15px 0;
}
.c-ul ul.list-of-links li.current
{margin-left:15px;}
#tab-main-top1
{
width: 480px;
float: left;
padding-left:10px;
background-color:#666666;
margin:0 0 0 15px;
}
#tab-main-top1 ul
{
padding: 0px;
margin: 0px;
list-style: inside;
}
#tab-main-top1 ul li
{
display: block;
cursor: pointer;
font-weight: bold;
float: left;
margin-top: 3px;
width: 100px;
height: 23px;
background-color:#000000;
list-style: none;
color: #FFFFFF;
text-align:center;
}
#tab-main-top1 ul li.isactive
{
background: #FFFFFF;
color: #333333;
font-weight: bold;
}
#tab-main-top1-li
{
float: left;
height: 23px;
}
.tab-main
{
margin-left:15px;
border:1px #ff0000 solid;
float:left;
width:480px;
height:200px;
text-align:center;
font-size:20px;
color:#ff0000;
padding-top:50px;
}
a
{text-decoration: none;}
a:hover
{color:#d5d5d5;}
a:visit
{color:#cbcbcb;}
</style>
<script type="text/javascript">
function changeTab(n)
{
var len = 3;
for (var i = 1; i <= len; i++)
{
document.getElementById('tab_' + i).style.display = (i == n) ? 'block' : 'none';
document.getElementById('tab_head_' + i).className = (i == n) ? 'isactive' : 'none';
}
}
var timeout;
function delayChangeTab(m, n)
{
timeout = setTimeout('changeTab(' + m + ')', n);
}
function cancelChangeTab()
{
clearTimeout(timeout);
}
</script>
</head>
<body>
<div id="con">
<div class="c_ul">
<ul class="list-of-links" >
<li class="current" style="display:block" onclick="changeTab('1');"><a href="#">Part_1</a></li>
<li class="current" style="display:block" onclick="changeTab('2');"><a href="#">Part_2</a></li>
<li class="current" style="display:block" onclick="changeTab('3');"><a href="#">Part_3</a></li>
</ul>
</div>
<div id="tab-main-top1" >
<ul>
<li id="tab_head_1" onmouseover="delayChangeTab('1',500);" onmouseout="cancelChangeTab();"
onclick="changeTab('1')" class="isactive" style="width:100px">Part_1</li>
<li id="tab_head_2" onmouseover="delayChangeTab('2',500);" onmouseout="cancelChangeTab();"
onclick="changeTab('2')" style="width:100px">Part_2</li>
<li id="tab_head_3" onmouseover="delayChangeTab('3',500);" onmouseout="cancelChangeTab();"
onclick="changeTab('3')" style="width:100px">Part_3</li>
</ul>
</div>
<div id="tab_1" class="tab-main">Part_1</div>
<div id="tab_2" class="tab-main" style="display: none;">Part_2</div>
<div id="tab_3" class="tab-main" style="display: none;">Part_3</div>
</div>
</body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
