求助高手:在一个页面里有两个iframe嵌套的页面同时存在,其中一个是默认隐藏,我想通过两个按钮控制,
按货源,货源显示车源隐藏,按车源,车源显示货源隐藏代码如下:<inputtype="button"name="Submit"value="货源信息"onclick="te...
按货源,货源显示车源隐藏,按车源,车源显示货源隐藏
代码如下:
<input type="button" name="Submit" value="货源信息" onclick="testDisplay()" onclick="show()">
<input type="button" name="Submit" value="车源信息" onclick="testDisplay1()" onclick="show()">
<div id="qq" style="display:block">
<iframe name="FrameMenu" src="../wap/Hyb!getHyb.action"
width="350" height="400" scrolling="yes" frameborder="0" onload="Javascript:SetCwinHeight()"></iframe></div>
<div id="qq1" style="display:none;">
<iframe src="../wap/Vehsource!getVehsource.action"
width="350" height="400" scrolling="yes" frameborder="0" onload="Javascript:SetCwinHeight()"></iframe>
</div>
<script type="text/javascript">
function testDisplay()
{
var divD = document.getElementById("qq");
if(divD.style.display=="none")
{
divD.style.display = "block";
}
else
{
divD.style.display = "none";
}
}
</script>
<script type="text/javascript">
function testDisplay1()
{
var divD = document.getElementById("qq1");
if(divD.style.display=="none")
{
divD.style.display = "block";
}
else
{
divD.style.display = "none";
}
var divD1 = document.getElementById("qq");
if(divD1.style.display =="block")
{
divd1.style.display="none";
}else{
divD1.style.display="block";
}
}
</script> 展开
代码如下:
<input type="button" name="Submit" value="货源信息" onclick="testDisplay()" onclick="show()">
<input type="button" name="Submit" value="车源信息" onclick="testDisplay1()" onclick="show()">
<div id="qq" style="display:block">
<iframe name="FrameMenu" src="../wap/Hyb!getHyb.action"
width="350" height="400" scrolling="yes" frameborder="0" onload="Javascript:SetCwinHeight()"></iframe></div>
<div id="qq1" style="display:none;">
<iframe src="../wap/Vehsource!getVehsource.action"
width="350" height="400" scrolling="yes" frameborder="0" onload="Javascript:SetCwinHeight()"></iframe>
</div>
<script type="text/javascript">
function testDisplay()
{
var divD = document.getElementById("qq");
if(divD.style.display=="none")
{
divD.style.display = "block";
}
else
{
divD.style.display = "none";
}
}
</script>
<script type="text/javascript">
function testDisplay1()
{
var divD = document.getElementById("qq1");
if(divD.style.display=="none")
{
divD.style.display = "block";
}
else
{
divD.style.display = "none";
}
var divD1 = document.getElementById("qq");
if(divD1.style.display =="block")
{
divd1.style.display="none";
}else{
divD1.style.display="block";
}
}
</script> 展开
3个回答
展开全部
<input type="button" name="Submit" value="车源信息" onclick="testDisplay1()" onclick="show()">
这句有问题!onclick只执行了第一个函数,应改为:
onclick="testDisplay1();show()"
这句有问题!onclick只执行了第一个函数,应改为:
onclick="testDisplay1();show()"
追问
我已经修改了 不用show方法了, 可以用一个方法控制两个按钮吗
追答
当然可以,你把要处理的事件放到一个方法里面就可以了,在两个按钮上设置同样的函数!
但是你这个逻辑必须要完善!
就是qq那个元素,显示的时候,必须让qq1隐藏,反过来一样。所以,最好写在一个if里面!就是把你的testDisplay1()方法修改一下!
不懂的继续追问,希望可以帮到你!
来自:求助得到的回答
展开全部
同意楼下的,你只需要用一个iframe,一个按钮。
根据传值不同,改变button的value属性,同时在按钮的onclick事件中修改iframe的src属性。
根据传值不同,改变button的value属性,同时在按钮的onclick事件中修改iframe的src属性。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
换个方式去思考嘛!简单的控制被你整复杂化了。
<input type="button" name="Submit" value="货源信息" onclick="testDisplay(1)" onclick="show()">
<input type="button" name="Submit" value="车源信息" onclick="testDisplay(2)" onclick="show()">
<div id="qq" style="display:block">货源信息
<iframe name="FrameMenu" src="../wap/Hyb!getHyb.action"
width="350" height="400" scrolling="yes" frameborder="0" onload="Javascript:SetCwinHeight()"></iframe></div>
<div id="qq1" style="display:none;">车源信息
<iframe src="="../wap/Vehsource!getVehsource.action"
width="350" height="400" scrolling="yes" frameborder="0" onload="Javascript:SetCwinHeight()"></iframe>
</div>
<script type="text/javascript">
function testDisplay(getme)
{
if (getme==1){
document.getElementById("qq").style.display= "block";
document.getElementById("qq1").style.display= "none";
}
else
{
document.getElementById("qq").style.display= "none";
document.getElementById("qq1").style.display= "block";
}
}
</script>
另外百度抽风了
<input type="button" name="Submit" value="货源信息" onclick="testDisplay(1)" onclick="show()">
<input type="button" name="Submit" value="车源信息" onclick="testDisplay(2)" onclick="show()">
<div id="qq" style="display:block">货源信息
<iframe name="FrameMenu" src="../wap/Hyb!getHyb.action"
width="350" height="400" scrolling="yes" frameborder="0" onload="Javascript:SetCwinHeight()"></iframe></div>
<div id="qq1" style="display:none;">车源信息
<iframe src="="../wap/Vehsource!getVehsource.action"
width="350" height="400" scrolling="yes" frameborder="0" onload="Javascript:SetCwinHeight()"></iframe>
</div>
<script type="text/javascript">
function testDisplay(getme)
{
if (getme==1){
document.getElementById("qq").style.display= "block";
document.getElementById("qq1").style.display= "none";
}
else
{
document.getElementById("qq").style.display= "none";
document.getElementById("qq1").style.display= "block";
}
}
</script>
另外百度抽风了
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询