我做了一个自动刷新的页面,如何把刷新进度屏蔽掉呢?

解决方案 »

  1.   

    给你一个思路xmlHttp+js来实现
    <%@ OutputCache Location="None" %>
    <%@ Page language="c#" Codebehind="voteMsg.aspx.cs" AutoEventWireup="false" Inherits="Vote.Document.voteMsg" %>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
    <HTML>
    <HEAD>
    <title>voteMsg</title>
    <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
    <meta content="C#" name="CODE_LANGUAGE">
    <meta content="JavaScript" name="vs_defaultClientScript">
    <meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
    <script language="JavaScript" src="../js/calendar.js"></script>
    <script language="JavaScript" src="../js/meizzDate.js"></script>
    <LINK href="../Css/BasicLayout.css" type="text/css" rel="stylesheet">
    <LINK href="../Css/main.css" rel="stylesheet">
    <script>

    var timeid;
    var chkFlag=true;
    //设置显示内容
    function setResult( msg )
    {
    content.innerHTML = msg;
    }
    //获得数据
    function getData(flag)
    {
    var xmlhttp = new ActiveXObject("Msxml2.XMLHTTP.3.0");
    xmlhttp.open("GET","votegetdata.aspx?page="+page, false);
    xmlhttp.send();
    setResult(xmlhttp.responseText);

    if (flag==0)//若选中复选框
    {
    timeid=setTimeout( "getData(0)", 5000) ;
    }
    else //没选中
    {
    clearTimeout(timeid);
    }
    }
    //修改
    function updateData(id,username,area,content)
    {
    if(chkFlag==false)
    {
    /*
    if(username=="")
    {
    alert("用户姓名不可以为空!");
    return;
    }
    if(area=="")
    {
    alert("用户地址不可以为空!");
    return;
    }
    if(content=="")
    {
    alert("用户发送信息不可以为空!");
    return;
    }
    */
    var oXmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    var strUpd="?id="+id;
    strUpd+="&username="+username;
    strUpd+="&area="+area;
    strUpd+="&content="+content
    oXmlHttp.open ("GET","voteMsgUpdate.aspx"+strUpd,true);
    oXmlHttp.onreadystatechange= updTxt;
    oXmlHttp.send();

    //getData(1);

    function updTxt()
    {
    if (oXmlHttp.readyState == 4)
    {
    if (oXmlHttp.status==200) {
    alert(oXmlHttp.responseText);
    }

    }
    }
    }
    else
    {
    alert("请先把自动刷新功能关闭后再操作!");
    }

    }
    //审核
    function checkData(id,chkcheck)
    {
    if(chkFlag==false)
    {
    var isCheck;
    if (chkcheck.checked==true) {
    isCheck=1;
    }
    else
    {
    isCheck=0;
    }
    var xmlhttp = new ActiveXObject("Msxml2.XMLHTTP.3.0");
    xmlhttp.open("GET","voteMSGCheck.aspx?isCheck="+isCheck+"&id="+id, true);
    xmlhttp.onreadystatechange= HandleStateChange;
    xmlhttp.send();

    //getData(1);

    function HandleStateChange()
    {
    if (xmlhttp.readyState == 4)
    {
    alert(xmlhttp.responseText);
    }
    }

    }
    else
    {
    if (chkcheck.checked==true) {
    chkcheck.checked=false;
    }
    else
    {
    chkcheck.checked=true;
    }
    alert("请先把自动刷新功能关闭后再操作!");
    }
    }

    //分页
    function fenye(id) {
    if(chkFlag==false)
    {
    var xmlhttp = new ActiveXObject("Msxml2.XMLHTTP.3.0");
    xmlhttp.open("GET","votegetdata.aspx?page="+id, false);
    xmlhttp.send();
    setResult(xmlhttp.responseText);
    }
    else
    {
    alert("请先把自动刷新功能关闭后再操作!");
    }

    }

    //点击自动刷新Check
    function setAuto(chk)
    {
    if(chk.checked==false)
    {
    chkFlag=false;
    getData(1);
    //document.getElementById("btnRefreshManul").enabled=true;
    }
    else
    {
    chkFlag=true;
    getData(0);
    //document.getElementById("btnRefreshManul").enabled=false;
    }
    }
    </script>
    </HEAD>
    <body leftMargin="8" topMargin="0" onload="getData(0);" MS_POSITIONING="GridLayout">
    <form id="Form1" method="post" runat="server">
    <TABLE id="Table1" cellSpacing="0" cellPadding="0" width="100%" border="0">
    <TR>
    <TD vAlign="middle" width="100%" colSpan="1" height="25" rowSpan="1">
    <TABLE id="Table3" height="26" cellSpacing="0" cellPadding="0" width="99%" border="0">
    <TR>
    <TD class="lbl" width="50%" background="../Image/title_01.gif" colSpan="1" rowSpan="1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;当前功能:&nbsp;
    <span id="lFunctionName">查看短信</span>
    </TD>
    <TD class="tdTitle2"></TD>
    <TD width="49%" background="../Image/title_03.gif"></TD>
    <TD width="1" bgColor="#9fd6ff"></TD>
    </TR>
    </TABLE>
    <!--<input id="chkRefresh" title="自动刷新" style="WIDTH: 51px; HEIGHT: 20px" onclick="setAuto(this);"
    type="checkbox">
    -->
    <asp:CheckBox id="chkRefresh" Text="自动刷新" onclick="setAuto(this);" runat="server" Checked="True"></asp:CheckBox><FONT face="宋体">&nbsp;&nbsp;&nbsp; 
    &nbsp;
    <asp:Button id="btnRefreshManul" runat="server" Text="手动刷新" CssClass="button1"></asp:Button></FONT>
    </TD>
    </TR>
    <tr>
    <td width="100%" height="100">
    <table cellSpacing="1" cellPadding="0" width="99%" bgColor="#c8e5fe" border="0">
    <tr class="lblgreen">
    <td width="100%"><span id="content"></span></td>
    </tr>
    </table>
    </td>
    </tr>
    <tr height="12">
    <td>&nbsp;</td>
    </tr>
    <tr>
    <td width="100%" height="100">
    <table cellSpacing="1" cellPadding="0" width="99%" bgColor="#00cc00" border="0">
    <tr class="lblgreen">
    <td width="100%" bgColor="#fbfffa"><IFRAME id="ExplainPageFrame" name="ExplainPageFrame" src="../explain/voteMSG.htm" frameBorder="0"
    width="100%" scrolling="no" height="100"></IFRAME>
    </td>
    </tr>
    </table>
    </td>
    </tr>
    </TABLE>
    </form>
    </body>
    </HTML>
      

  2.   

    <script>
    //设置数据
    function setResult( msg,id)
    {
    //alert(x);
    if (id==1) {
    content1.innerHTML = msg;

    }
    if (id==2) {
    content2.innerHTML = msg;
    }
    if (id==3) {
    content3.innerHTML = msg;
    }

    }
    //获得数据
    function getData(btn,txtmsg,id)
    {
    var msg=txtmsg.value;

    var xmlhttp = new ActiveXObject("Msxml2.XMLHTTP.3.0");
    xmlhttp.open("GET","getdata.aspx?id="+id+"&msg="+msg, true);
    xmlhttp.onreadystatechange= updTxt;
    btn.disabled =true;
    setResult("Wait Please...",id);
    xmlhttp.send();

    function updTxt()
    {  
    if (xmlhttp.readyState == 4)
    {

    if (xmlhttp.status==200) {
    btn.disabled =false;
    setResult(xmlhttp.responseText,id);
    txtmsg.value="";
    }

    }
    }
    }
    </script>