Question

我有一个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
    }

我怎么能做到这一点？

感谢。

Answer 1

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

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

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

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

Answer 2

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

使用jquery你可以说：

 $(document).ready(function() {

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


});

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

如何在asp.net中单击按钮时显示/隐藏gif图像

2 个答案: