论坛首页 Web前端技术论坛

用div模拟alert对话框,N秒不点击自动关闭(适用IE6、IE7、firefox)

浏览 23363 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (2) :: 隐藏帖 (2)
作者 正文
   发表时间:2009-11-30   最后修改:2009-11-30
[quote="hekeji"]ifrtemp.showModelessDialog 这个在FF 浏览器中可以运行吗?我记得FF中根本就不支持这个.

test1.html 经验证,适用于 IE6,不兼容IE7,firefox。

不是标注了么

0 请登录后投票
   发表时间:2009-12-01  
thickbox2.0  为什么不使用这个呢?
0 请登录后投票
   发表时间:2009-12-01  
我最近也在做界面的东西,对那些不同浏览器的兼容问题实在无语。
一个简单的东西,为了适应其他的东西,把他给复杂化了。
0 请登录后投票
   发表时间:2009-12-03  
<%@ page language="java" contentType="text/html; charset=GB18030"
    pageEncoding="GB18030"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<title>添加记录成功</title>
<script type="text/javascript">
function closewindow(){
if(window.opener){
window.opener.location.reload(true);
window.close();
}
}
function clock(){
i = i -1;
if(document.getElementById("info")){
document.getElementById("info").innerHTML = "本窗口将在"+i+"秒后自动关闭";
}
if(i > 0)
setTimeout("clock();",1000);
else
closewindow();
}

var i = 4;
clock();

</script>
</head>
<body>
<center>
添加记录成功!<p>
<div id="info">本窗口将在3秒后自动关闭</div>
<input type="button" value="关闭窗口" onclick="closewindow();">
</center>
</body>
</html>
0 请登录后投票
   发表时间:2009-12-03  
闲着我也来写个,不就是个模态框么?至于这么复杂么?
0 请登录后投票
   发表时间:2009-12-03   最后修改:2009-12-03
sangli 写道

<%@ page language="java" contentType="text/html; charset=GB18030"
    pageEncoding="GB18030"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<title>添加记录成功</title>
<script type="text/javascript">
function closewindow(){
	if(window.opener){
		window.opener.location.reload(true);
		window.close();
	}
}
function clock(){
	i = i -1;
	if(document.getElementById("info")){
		document.getElementById("info").innerHTML = "本窗口将在"+i+"秒后自动关闭";
	}
	if(i > 0)
		setTimeout("clock();",1000);
	else
		closewindow();
}

var i = 4;
clock();

</script>
</head>
<body>
<center>
	添加记录成功!<p>
	<div id="info">本窗口将在3秒后自动关闭</div>
	<input type="button" value="关闭窗口" onclick="closewindow();">
</center>
</body>
</html>


试了下,你的这个确实可以用,做论坛时候估计还凑合。不过我要的是个仿alert自动关闭(记住是alert),我们做的东西,所有的提示都是alert,不可能拿一个页面提示别人吧,风格太怪了。当然了,不排除有些领域的产品可以用页面提示的。
0 请登录后投票
   发表时间:2009-12-03  
提两个小问题
1.用div遮罩,只能保证鼠标点不到,但是用tab是可以切换焦点的,这样就可以用键盘“点”到遮罩下的链接
2.alert()是中断JS进程的,应该加个回调在这里吧?
0 请登录后投票
   发表时间:2009-12-03   最后修改:2009-12-03
我的blog有这个。
那个dialog.js就是(只是界面没有显示"还有xxx秒就要关闭"),部分代码是jquery的
http://ihavegotyou.iteye.com/blog/477120
0 请登录后投票
   发表时间:2009-12-03  
Kaza 写道
提两个小问题
1.用div遮罩,只能保证鼠标点不到,但是用tab是可以切换焦点的,这样就可以用键盘“点”到遮罩下的链接
2.alert()是中断JS进程的,应该加个回调在这里吧?

第一个问题确实存在,没考虑到,
要是中断了js进程,还怎么让他计时并自动关闭啊,这个倒是实现不了啊,
0 请登录后投票
   发表时间:2009-12-04  
jquery 好像一个方法就可以搞定的。
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics