框架上的下拉菜单
Drop down menu over frames?
我的页面上有 2 个 iframe。一个是菜单窗格 (frame1),另一个是内容窗格。菜单框架高度为100,剩余为内容框架,由于各种原因我无法更改框架1的高度。我在菜单框架中使用了CSS下拉菜单,当我使用菜单框架高度为200或300时,下拉菜单显示正确,但无法显示小高度。
我需要做什么才能在框架 1 中显示主菜单,在框架 2 中显示下拉子菜单?听说它被称为交叉框架下拉菜单。请让我知道如何解决我的问题。我对HTML,CSS,JavaScript和PHP没问题。希望我能用这四种语言解决这个问题。
我认为不使用框架是你最好的答案。网站通常更容易获得和用户友好,如果你设计它们的设计方式而不是黑客攻击东西。
您可以使用
jquery $("#iframe_id").contents().find('#some_element')
从父元素访问第二个 iframe 中的元素,也可以使用 parent.yourFunction()
从 frame1 访问父 js 函数。
像这样
:在第 1 帧中:<div class='menu_btn' onclick='parent.openMenu();'></div>
在父级中:
function openMenu() {
$("#iframe2").contents().find('#some_element').show();
}
虽然解决方案相当奇怪。
我建议您考虑更改所有页面视图,摆脱框架。
相关文章:
- JavaScript下拉菜单-点击按钮并根据所选值重定向到url
- angular的下拉菜单
- 创建带有和不带有JavaScript的Bootstrap下拉菜单
- 创建下拉菜单
- 下拉菜单在菜单按钮的边缘闪闪发光
- I'我设计了一个下拉菜单,onclick会出现,而on blur会消失
- 硒IDE下拉菜单
- 我的下拉菜单中的链接不起作用
- Bootstrap Dropdown selection是在*all*下拉菜单上设置选择
- 如何将JSON转换为HTML下拉菜单
- 悬停下拉菜单即使在鼠标移出后也保持活动状态
- 基于下拉菜单创建开关
- 动态填充两个下拉菜单
- 如何将CSS(特别是填充/边距)应用于select下拉菜单的选项或optgroup
- 基于其他下拉菜单选择隐藏/显示下拉菜单
- JavaScript下拉菜单-部件在Mac上消失
- 为什么引导程序下拉菜单只有在包含bootstrap-responsive.css时才起作用
- 如何使用下拉菜单打开新的框架/窗口
- 下拉菜单与框架不工作
- 框架上的下拉菜单