1

我有一个 asp 页面，其中有一个按钮。当我单击按钮时，我应该显示一个 gif 图像。当该过程完成时，必须再次隐藏图像。

请在后面找到我的以下代码

<head runat="server">
    <title>Untitled Page</title>

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

    </script>

</head>
<body>
    <form id="form1" runat="server">
        <div style="display: none" id="dvloader">
            <img src="Images/process_status.gif" /></div>
        <asp:Button ID="btnLoad" runat="server" Text="Load" OnClick="btnLoad_Click" />
    </form>
</body>

请在后面找到以下代码

 protected void btnLoad_Click(object sender, EventArgs e)
    {
       // Show the gif image
        System.Threading.Thread.Sleep(5000);
        // hide the gif image
    }

我怎样才能做到这一点？

谢谢。

4

2 回答 2

3

您示例中的方法是服务器端的。您想要做的是在客户端，因此必须在 javascript 中完成。

单击按钮后，您可以使用客户端的 onclick-event 显示 GIF。您可以在 Page-Load 方法中设置客户端 onclick-event somwhere，例如：

btnLoad.Attributes.Add("onclick", "alert('JavaScript to show GIF goes here...');");

PostBack 后，GIF 将再次自动隐藏...

于 2009-11-24T10:43:39.123 回答
0

您实际上可以在不使用内联事件处理程序的情况下将事件应用于元素。

使用 jquery 你可以说：

 $(document).ready(function() {

$('#btnLoad').click(function(){alert('JavaScript to show GIF goes here...');});


});

这假设您的按钮的 id 为 btnload。

于 2009-11-24T11:26:29.003 回答