您的位置:首页 > 其它

定时弹出消息窗口的实现

2008-11-30 13:48 579 查看
实现这个过程需要两个页面,一个页面用来弹出窗口(我们称它为主页面),一个是窗口页面。

1、 在主页面中,加入一个隐藏按钮,用来定时的激发它的click事件。其html代码如下:

<input id="btnhid_RefMsg" runat="server" onserverclick="btnhid_RefMsg_ServerClick" style="display: none" type="button" value="隐藏按钮 刷新消息提示" />

2、在主页面中用来定时弹出消息窗口的javascript代码如下:

<script language="javascript" type="text/javascript">

//定时执行按钮事件 查看是否有新的消息

function fn_BtnEventOnTime()

{

document.all.btnhid_RefMsg.click();

}

window.onload=function()

{

window.setInterval("fn_BtnEventOnTime()",20000);

}

function fn_OpenMsgWindow()

{

window.open('系统消息提示.aspx?',"","dependent=no,location=no,height=100,width=300,left=300,top=200");

}

</script>

3、 在主页面的.cs中,btnhid_RefMsg的ServerClick事件的代码如下:

protected void btnhid_RefMsg_ServerClick(object sender, EventArgs e)

{

string strJS = "<script language='javascript' type='text/javascript'>";

strJS += " fn_OpenMsgWindow(); ";

strJS += "</script>";

Page.RegisterStartupScript("winOpenJS", strJS);

}

4、 在窗口页面中加入两个Button(有一个是html的按钮)和一个linkButton,其代码如下:

<asp:LinkButton ID="LinkButton1" runat="server">有新消息到达</asp:LinkButton>

<asp:Button ID="Button1" runat="server" Text="接收" Width="51px" OnClick="Button1_Click" />

<input id="Button2" style="width: 54px" type="button" value="关闭" onclick="return Button2_onclick()" />

5、在窗口页面中其他的定时器如下

<script language="javascript" type="text/javascript">

// <!CDATA[

function clock()

{

document.title="消息提示!";

}

clock();

function Button2_onclick()

{

window.returnValue = '';

window.opener = null;

window.close();

}

// ]]>

</script>

6、这样就实现在主页面定时弹出消息窗口的功能,另外,对弹出消息的操作设计到消息的内容(可能要与无线传输的硬件等等有关,这个也不一定的),这里就不在叙述。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: