关键字: 日历控件 被select遮挡 不被遮挡
如果网页上弹出的日历控件和下拉选单重叠时,在IE6会看到下拉选框总是把浮动区块覆盖住,无论怎么调整 z-index 都是没用的。下面为大家介绍一种不会被下拉选单遮挡的日历控件。 (日历控件请在下面下载)
一、发生情况:
二、在这种情况下日历控件展开式会被下部的 城市 (select类型) 遮挡一部分
效果如下图:
三、我们需要的最终效果。
日历控件用法:
1.引入rl.js
<script src="js/rl.js" language="javascript" type="text/javascript"></script>
2.点击文本框出来日历选择层:
日期:<input type="text" id="date" onClick="SelectDate(this.name)" name="date"/>
3.控件引入之后还出现上"图二"的遮挡效果,解决方法:
双击打开rl.js,找到下边的代码(将注释去掉问题解决):
//if(document.all)
//{
//document.write('<iframe style="position:absolute;z-index:2000;width:expression(this.previousSibling.offsetWidth);');
//document.write('height:expression(this.previousSibling.offsetHeight);');
//document.write('left:expression(this.previousSibling.offsetLeft);top:expression(this.previousSibling.offsetTop);');
//document.write('display:expression(this.previousSibling.style.display);" scrolling="no" frameborder="no"></iframe>');
//}
再去看看你的页面是不是问题解决了。
清风夜影寒:http://qfyyh.iteye.com
分享到:
相关推荐
selectTree tree控件 日历控件 tree控件 radio CheckBox demo 直接可以用 案例多多
超好用的JS日历控件,支持时分秒 调用方法: 1、传入对象:SelectDate(this,'yyyy 年') 2、传入 ID:SelectDateById('Txt_CreateDateST01','yyyy 年') 3、参数 SelectDate(this,'yyyy 年',0,-150) 格式...
js操作select控件大全 js操作select控件大全 js操作select控件大全 js操作select控件大全 js操作select控件大全 js操作select控件大全
4、回显选定的时间,这是很多其它日历控件没有的 5、Apache license 2.0,商业友好。可免费使用,自由修改传播,但请保留版权信息 6、用 iframe 解决 IE 中层在 select 控件上显示的问题 7、其它特点有特发现...
JavaScript 技术: select2控件选择多个数据,以及回显数据的方法 。
*本日历选择控件由tiannet根据前人经验完善而得。大部分代码来自meizz的日历控件。 *tiannet添加了时间选择功能、select,object标签隐藏功能,还有其它小功能。 *使用方法: * (1)只选择日期 (this);"> * (2)...
一个非常不错的js日历,不会出现被select遮盖的bug,扩展性也很好,使用的时候要new Calendar().show(); 具体的参数可以看源码
Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等) JavaScript 1判断select选项中 是否存在Value="paraValue"的Item 2向select选项中 加入一个Item 3从select选项中 删除一个Item...
select选择框控件-jquery.editable-select,并且可以编辑,可以输入
由于select是window控件,它会遮挡被定位的元素,可以使用该jquery插件解决问题.这里有详细的举例说明.
用js实现的日历控件,据说可以挡住select.
Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等
介绍: 效果演示:麦田圈 只要在层里面加上下面代码就可以了~ <iframe src="" frameborder=0></iframe>
jQuery UI dialog IE6下处理select框被遮挡jquery.bgiframe.js
这个日历遇到多日历的情况,后面的弹窗日历和前面的不会同时出现。使用时注意同一个网页当中,日期的name不要相同,否则后一个日历调用时IE下面的位置会有问题。还有一个是网上下载的稍微修改的日历。
目前发现的最好用的select控件,支持多选,搜索,多选关闭删除,文档全面,使用方便,界面美观。
" size="15" onclick="fPopCalendar(event,this,this)" onfocus="this.select()" readonly="readonly" /> <br>如果页面乱码,把下面包含汉字的定义项放到页面中即可 ********************************...
今天小编就为大家分享一篇layui layer select 选择被遮挡的解决方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
解决IE6下三级下拉菜单被select遮挡的问题