0

ページの読み込み中に ajax を使用して読み込み中のメッセージを表示したい。私はコードを持っていましたが、メッセージが上部に表示されます..画面の中央に表示したい..どうすればよいですか? コード スニペットは次のとおりです。

 <div id='loadpage'>
      <table height=100% width=100% border=0>
           <tr height=100%>
                <td width=100% align=center valign=center>Please Wait</td>
           </tr>
      </table>
 </div>
 var progressTimeID = setTimeout("document.getElementById('loadpage').innerHTML='<table style=\"height:100%;\" width=100% border=0><tr height=100%>    <td width=100% align=center valign=center>Please Wait</td></tr></table>';", 1000);
clearTimeout(progressTimeID);

事前にt​​hnx

4

3 に答える 3

0

CSSでとを設定する必要がありhtmlますbodydiv#loadpageheight:100%

html,
body,
div#loadpage
{
    width: 100%;
    height: 100%;
}
于 2012-10-01T14:07:04.190 に答える
0

どうぞ:

編集:

<html>
<head>

<script>

    function load_show() {

        document.getElementById('loadpage').innerHTML = "<img src=\"http://websurvey.textalk.se/en/pics/ajax-loader-big.gif\" />";

    }

    function show_div() {

        var progressTimeID = setTimeout(function(){load_show()}, 1000);

    }

</script>

<style>

    body {

        background: #fff;

    }

    #loadpage {

        position: absolute;
        display: block;
        top: 50%;
        left: 50%;
        margin-top: -33px;
        margin-left: -33px;
        width: 66px;
        height: 66px;

    }

    #click {

        position: absolute;
        top: 20px;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        height: 20px;
        cursor: pointer;

    }

</style>

</head>
<body>

<div id="click" onclick="show_div()">
    show loader
</div>

<div id="loadpage">
    CONTENT
</div>

</body>
</html>
  • テーブルレイアウトは使用しないでください。
  • 開始直後にタイムアウトをクリアすることはできません。それはそれが実行されないようにそれを制動します...
于 2012-10-01T14:07:32.720 に答える