大多数Windows程序都有桌面提醒(Popup)功能,如Msn Messenger,Outlook2003,FoxMail,SharpReader等,对用户来说可以非常的方便最新的信息。
在Web中借用IE5.5+的Popup,也可以实现类似的功能,在CnForums1.2中新增了一种特性就是类似于Outlook2003一样,当有新帖子/私人留言时就有Popup提示,如图:
现在就技术问题介绍一下:
一,什么是Popup
在IE5.5+中开始支持的Popup窗口有很多很特别的特性:
- Popup窗口可以超出浏览器窗口区域;
- 可以不用担心被下拉框、flash、Iframe等这些东西遮挡;
- 即时窗口没有焦点,Popup窗口也可以弹出并显示
- 一个Popup窗口打开后,当在它的区域以外点击或者另一个Popup窗口被打开时都会自动关闭;
- Popup窗口是没有焦点的;
- 用户不能改变Popup窗口大小;
- Popup窗口中的内容是不能被选择的;
- ......
只是Web下的Popup比起Windows中的Popup还是弱一些,但是已经够用了。Msdn上对Popup有非常详细的介绍“Using the Popup Object (Internet Explorer - DHTML) ”
二,怎么创建一个Popup
Msdn上的示例代码:
<!--
Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/
-->// 创建Popup对象
var oPopup = window.createPopup();
// Popup对象和Window对象一样,里面包含了一个完整的HTML文档
var oPopupBody = oPopup.document.body;
// 在Body中插入HTML
oPopupBody.innerHTML = "Display some <B>HTML</B> here.";
// 设置显示的位置、大小、参照物
oPopup.show(100, 100, 200, 50, document.body);
三,Popup的显示
多个Popup不能共存(Popup中创建Popup除外),所以web中的Popup不方便像Msn Messenger的Popup提示那样“爬楼梯”,所以最简单有效的方法就是像Outlook2003的Popup一样,逐个Popup提醒。
(参考WebMessenger的实现)用Js建个队列,将需要Popup提示的内容都放在队列中,用一个定时器,定时从队列中取一个Popup,每个Popup显示7秒。
四,怎么知道有新帖子
在Web程序中,只能通过“拉”的技术,即定时向服务器发送请求——通过定时刷新或者是xmlhttp的Get。
我们需要有个时间戳来记录最后请求时间,这样就好根据这个时间戳来获取时间戳之后的帖子。
如果每次根据时间戳来获取最新帖子,服务器负荷比较大,因为并不是每次请求都有新帖子的,优化一下,再给每个在线用户设置有无新帖子、有无新留言的状态位,当发表新帖子后更新每个人的“有无新帖”状态位。这样每次请求时先判断有没有新帖子,如果有新帖子,才获取所有帖子的标题和内容简要。
五,具体实现
客户端代码:http://webuc.net/MyProject/Popup/popup.htm
http://webuc.net/MyProject/Popup/popup.rar
和论坛程序的结合:
demo: http://bbs.openlab.net.cn (登录后有新帖子即提示(IE5.5+))
http://bbs.openlab.net.cn/PostAttachment.aspx?PostID=376725
参考文章:无限菜单之 xml+popup 版(IE5.5+)
分享到:
相关推荐
开发web程序时,希望用户不必永远开着一个IE窗口,当用户在WEB服务器端收到一个信息,这时希望能提醒用户,用户认为有必要可以打开IE及时查看。
C#自定义控件--Popup窗口提醒完整源码(最低分分享)
Popup
popup 弹出框popup 弹出框popup 弹出框popup 弹出框popup 弹出框popup 弹出框popup 弹出框popup 弹出框popup 弹出框popup 弹出框
C#自定义控件--Popup窗口提醒完整源码
C#自定义控件--Popup窗口提醒完整源码_89.rarC#自定义控件--Popup窗口提醒完整源码_89.rar
C#自定义控件--Popup窗口提醒完整源码__0525.rar
C#自定义控件--Popup窗口提醒完整源码__0525).rar
C#自定义控件--Popup窗口提醒完整源码(完整版)
C#自定义控件--Popup窗口提醒完整源码-G3F.rarC#自定义控件--Popup窗口提醒完整源码-G3F.rar
C#自定义控件--Popup窗口提醒完整源码2019
C#自定义控件--Popup窗口提醒完整源码(0520_).rar
popup.js下载
popup.js popup.js 弹窗
在开发的WPF程序中使用popup的过程中会遇到一个问题,按下windows+d键回到桌面,主程序界面消失了,但是popup弹窗还是停留在桌面,或者会遇到另一种情况,在主程序界面打开了popup弹窗,回到桌面后再点击主程序,回到主...
动态显示popup,定时关闭
C#254Popup窗口提醒 源代码
弹窗,popup.js popup.js 弹窗popup.js popup.js 弹窗popup.js popup.js 弹窗popup.js popup.js 弹窗