使用JavaScript加载效果 [英] Loading effect using JavaScript

问题描述

我正在尝试在用户提交表单时创建加载效果。当我的页面正在处理时，它应该显示加载图像，当我的页面停止处理时，它应该隐藏加载图像。如何在按钮点击时实现此功能。

I am trying to create loading effect when user submits the form. While my page is processing it should show loading image and when my page stops processing it should hide the loading image. How to acheive this on button click.

<script type="text/javascript" language="javascript">
function svalidate() {
       var category = document.getElementById('<%=dd_category.ClientID %>').value;
            if (category == "Select Category") {
                alert("Please select Category");
                return false;
            }
        }
function loading() {
            document.getElementById("load").style.display = 'none';
        }        
</script>

<div id="load">   
        <img style="margin-top:200px;" src="Images/loading.gif" alt="loading" />
        <br /><br />
        <h1 style="color:#8B7637;">Loading Please Wait..</h1>               
</div>

<asp:Button ID="but_go" runat="server" Text="Go" CssClass="gobuttonstyle" OnClientClick="return svalidate();" onclick="but_go_Click"/>

推荐答案

function svalidate() {
var category = document.getElementById('<%=dd_category.ClientID %>').value;
            if (category == "Select Category") {
                alert("Please select Category");
                return false;
            } else {
                document.getElementById("load").style.display = 'block';
            }
        }

这篇关于使用JavaScript加载效果的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！