如何显示/隐藏gif图像，当按钮点击在asp.net

问题描述：

我有一个asp页面，我有一个按钮。当我点击按钮，我应该显示一个gif图像。当过程完成时，再次图像必须隐藏。如何显示/隐藏gif图像，当按钮点击在asp.net

请找我的身后

<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 
    }

我怎样才能实现这一目标？

谢谢。

你需要一些类似东西的进度条吗？ – 2009-11-24 10:35:17

答

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

您可以使用客户端的onclick事件来显示点击按钮后的GIF。您可以somwhere在页面加载方法，例如设置客户端片面的onclick事件：

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

回传后，GIF将再次自动隐藏...

其工作但gif图像不在运动中，会有什么问题？ – Jebli 2009-11-24 11:11:46

嗯，这必须是一个浏览器相关的问题。如果我没有记错，只要页面请求开始，IE会停止动画GIF。实际上，这个问题正是关于这个问题的：http://*.com/questions/1540079/animated-gif-does-not-animate-on-page-load-in-ie。我觉得这个问题无法解决。你有与其他浏览器相同的效果吗？ – Vinz 2009-11-24 12:29:44

答

其实你可以应用事件添加到元素而不使用内联事件处理程序。

使用jQuery你可以说：

$(document).ready(function() { 

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


});

这是假设你的按钮有btnload的ID。

但图像不移动。它像一个静态图像。但在设计模式下它的移动 – Jebli 2009-11-24 12:15:13

如何显示/隐藏gif图像，当按钮点击在asp.net

相关推荐