最近需要在项目中的页面右下角做一个右下角弹出的例子,于是就在网上找到了AlertBox的小组件很不错,于是就拿来用。但是遇到了问题。在IE7下正常使用,但是就是在IE6下一直报脚本错误。
难道是IE6不支持?
但是下载的例子在IE6下可以弹出呀。就是把它改成jsp就报“AlertBox未定义”。最后经理告诉我,html既然能跑起来jsp就没问题。
最后发现是页面的字符集不一致的原因,特写出来给那些也喜欢这个组件但是还未这个问题郁闷的朋友们!
我改造过的能够定时弹出和关闭的一段代码:
<script type="text/javascript" language="javascript">
(function(){
var timer, target, current,
ab = new AlertBox("idBox2", {fixed: true,onShow: function(){
clearTimeout(timer); this.box.style.bottom = this.box.style.right = 0;},
onClose: function(){ clearTimeout(timer); }});
function hide(){
ab.box.style.bottom = --current + "px";
if( current <= target ){
ab.close();
} else {
timer = setTimeout( hide, 10 );
}
}
$$("idBoxClose2").onclick = function(){
target = -ab.box.offsetHeight; current = 0; hide();
}
$$("idBoxOpen2").onclick = function(){ ab.show(); }
setTimeout("document.getElementById('idBoxOpen2').click();",5000);
setTimeout("document.getElementById('idBoxClose2').click();",15000);
})()
</script>
献丑了。
分享到:
相关推荐
AlertBox实用实例,很好用,呵呵,AlertBox实用实例
AlertBox.rar
在仿Lightbox效果中,已经基本实现了这个效果,这次主要改进了ie6在fixed时的抖动问题。 此外,还增加了一个用来兼容ie6的fixed的方法,覆盖层也重新“包装”,程序也改成组件的结构。 兼容:ie6/7/8, firefox 3.6.8...
警报框 在 Android 应用程序中使用警报框。 您只需要查看MainActivity.java(app/src/main/java/com/example/geenu/checkboxes)和activity_main.xml(app/src/main/res/layout)文件的代码。
AlertBox弹出层,包括:悬对联广告 右下弹窗 拖动弹窗 居中 定位等效果!
diandian\弹框使用说明功能弹框组件特性提供自定义提示内容焦点管理可拖拽用法My_AlertBox为构造函数,需要new一个实例new My_AlertBox(string,callback)调用实例方法alertConfirm()可让弹框出现调用实例...
内容索引:脚本资源,Ajax/JavaScript,弹出窗口 AlertBox 弹出层,也就是大家通常熟悉的弹出提示插件,它有几个功能:弹出右下角广告代码,弹出可关闭的对联广告等、弹出可拖动的弹窗、锁定屏幕、定位、居中等效果,...
Yan Shi - ExtJS 4 Alert Box ExtJS 4 应用程序的可关闭警报框 用法 在您的应用程序文件中,请添加: Ext.Loader.setConfig({enabled: true})
本文制作一个用户自定义的AlertBox,效果如图:js文件中插入如下代码: 代码如下:// JScript 文件 // constants to define the title of the alert and button text. var ALERT_TITLE = “Oops!”; var ALERT_BUTTON_...
it's a plugin based on jquery or zepto that can replace alertBox. 弹出窗插件: 使用方法: 1、在head头部引入jQuery.js或者zepto.js [removed][removed] [removed][removed] 2、再在head头部引入默认的样式lz.ui...
修复由于 button focus 状态未清除导致的 enter 下重复触发的问题 将 focus 重定向到弹框的 button 中,默认 enter 键操作时 alert/confirm 的确认操作 优点: 无需手动写入html 支持回调 可配置性高,多种显示选择 ...
_title,_message) <br>alertBox:function(_title,_message) <br>confirmBox:function(_title,_message) <br>使用了一些Prototype.js的方法,由于是第一次写javascript类,所以感觉看代码一点都不像是在写...
语言:Türkçe 中原软件代理系统-警报框 CentaSoft Acenta Otomasyon Sistemi ile ilgilitümbildirimlerinizi buradan takip edebilirsiniz。 CentaSoft V4 ile网站上的网站。 Sistemiçerisindeyapacağınıztan...
AlertBox 弹出层,也就是大家通常熟悉的弹出提示插件,它有几个功能:弹出右下角广告代码,弹出可关闭的对联广告等、弹出可拖动的弹窗、锁定屏幕、定位、居中等效果,部分效果可从截图看出来。
JakobNielsenWeb易用性大师JakobNielsen访谈录软件测试COMSHARPCMS写道:他被纽约时报称为“Web易用性大师”,被InternetMagazine称为“易用之王”,1995年以来,他通过自己的Alertbox邮件列表以及useit.com网站,向...
自带的alert在不同的浏览器是有差异的,而且样式也不美观,用户体验度不是很好。所以我们要自己写一个alert弹框,这样我们就可以按照我们自己的需求,把alert弹框做的美观一点。 以下是alert.js代码: var myAlert ...
产品特点ScreenEditor检查器但是整个系统可以通过代码充分使用基于多层堆栈的导航(Alertbox> popup> main) 可重复使用的屏幕实例屏幕重复(弹出窗口,警报) 优化的干净,无膨胀代码,无需其他库防按键砸,屏幕...