求助,如何让js下拉菜单跨框架显示????

word1120 2004-05-07 02:32:54
有一个简单的框架。上下两帧。上帧包含一下拉菜单。
请问如何作到点击下拉选项时
下拉部分不会被下面的菜单盖住。
...全文
181 6 点赞 打赏 收藏 举报
写回复
6 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
possible_Y 2004-05-07
也可以用iframe作载体

以下是一简单的例子:

-----------

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>简单菜单</title>
<!--
提供定位函数,用iframe作载体
-->
<style id=s>
#div1{
position:absolute;
z-index:100;
width:100;
height:130;
background-color:#d2e8ff;
border:1 solid black;
}
div{cursor:hand;font-size:12px;}
a{text-decoration:none;color:red;font-size:12px}
</style>
</head>
<body>
<script>
function window.onload(){
var shtml=div1.innerHTML;
var ifm=document.createElement("<iframe frameborder=0 marginheight=0 marginwidth=0 hspace=0 vspace=0 scrolling=no></iframe>")
ifm.style.width=div1.offsetWidth
ifm.style.height=div1.offsetHeight
ifm.name=ifm.uniqueID
div1.innerHTML=""
div1.appendChild(ifm)
window.frames[ifm.name].document.write(s.outerHTML+"<body leftmargin=0 topmargin=0>"+shtml+"</body>")
}

function show(){
with(document.all.img1){
x=offsetLeft;
y=offsetTop;
objParent=offsetParent;
while(objParent.tagName.toUpperCase()!= "BODY"){
x+=objParent.offsetLeft;
y+=objParent.offsetTop;
objParent = objParent.offsetParent;
}
y+=offsetHeight-1
}
with(document.all.div1.style){
pixelLeft=x
pixelTop=y
visibility=''
}
}
function hide(){
document.all.div1.style.visibility='hidden'
}
</script>
<img id=img1 onmouseover="show()" onmouseout="hide()" src="ie.gif"><br><select></select>
<div id=div1 onmouseover="style.visibility=''" onmouseout="style.visibility='hidden'" style="visibility:hidden;">
<div href="http://www.csdn.net" onmouseover="style.backgroundColor='highlight'" onmouseout="style.backgroundColor=''" onclick="window.open(href)">中国程序员</div>
<div href="http://www.sohu.com" onmouseover="style.backgroundColor='highlight'" onmouseout="style.backgroundColor=''" onclick="window.open(href)">sohu</div>
</div>
</body>
</html>


  • 打赏
  • 举报
回复
possible_Y 2004-05-07
用OBJECT试试:

<OBJECT id=aa style="display:none;z-index:1000; position:absolute; top:0; left:0; width:152; height: 200;" type="text/x-scriptlet" data="about:<body><div style='position:absolute;left:0;top:0;width:152;height:200;font:14;color:white;background:black;border:1 solid black'>test</div>"></OBJECT>
<select><option>hellohellohellohello</select><button onclick=aa.style.display=aa.style.display=="none"?"":"none">test</button>
  • 打赏
  • 举报
回复
fly_miss 2004-05-07
用IFrame生成菜单,可以跨框架
  • 打赏
  • 举报
回复
word1120 2004-05-07
网页打不开哟!
  • 打赏
  • 举报
回复
siugwan 2004-05-07
只能用window.createPopup();
给两个地址你参考一下.
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/objects/popup.asp

http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/objects/popup.asp
  • 打赏
  • 举报
回复
veaven 2004-05-07
不能使用简单框架,因为框架会把下拉的菜单挡住
要使用IFRAME 才可以显示下拉菜单

每次根据菜单的选择修改src
<IFRAME id="main" name="main" frameBorder="no" width="100%" scrolling="auto" height="100%" src="Manage/JobCalendar.aspx"></IFRAME>
  • 打赏
  • 举报
回复
相关推荐
发帖
.NET社区
加入

5.9w+

社区成员

.NET技术交流专区
申请成为版主
帖子事件
创建了帖子
2004-05-07 02:32
社区公告
暂无公告