Показать gif только для одной кнопки

Question

У меня нет опыта с js, поэтому мне нужна помощь.

Я нашел несколько сценариев js, как показать загрузочный gif для всех кнопок отправки, и я пытаюсь показать, что gif только для одной кнопки отправки.

Как это выглядит:

function ShowProgress() { 
    setTimeout(function() { 
    var modal = $('<div />'); 
    modal.addClass("modal"); 
    $('body').append(modal); 
    var loading = $(".loading"); 
    loading.show(); 
    var top = Math.max($(window).height()/2 - loading[0].offsetHeight/2, 0); 
    var left = Math.max($(window).width()/2 - loading[0].offsetWidth/2, 0); 
    loading.css({ top: top, left: left }); 
    }, 200); 
} 

$('form').live("submit", function() { 

    ShowProgress(); 

}); 

CSS:

.modal 
{ 
    position: fixed; 
    top: 0; 
    left: 0; 
    background-color: black; 
    z-index: 99; 
    opacity: 0.8; 
    filter: alpha(opacity=80); 
    -moz-opacity: 0.8; 
    min-height: 100%; 
    width: 100%; 
} 

.loading 
{ 
    font-family: Arial; 
    font-size: 10pt; 
    border: none; 
    width: auto; 
    height: auto; 
    display: none; 
    position: fixed; 
    background-color: White; 
    z-index: 999; 
} 

это 12:59 expample от: http://www.aspsnippets.com/Articles/Display-loading-image-while-PostBack-calls-in-ASPNet.aspx

И мне нужно, чтобы использовать его для этого только кнопка:

жерех: кнопка ID = "InitDataButton" OnClick = "InitData_Click" Runat = "сервер" Text = "Показать" Width = "110px" Height = "30px"

Answer 1

Хорошо. Я не знаю вашу серверную сторону, но я проверил предоставленную вами ссылку. Итак, вот еще одно решение. Попробуйте переместить скрипт из IsPostBack в Page_Load() в обработчик нажатия кнопки для этой кнопки. Я предполагаю, что вы используете VB, но идея для C# одинакова.

Dim script As String = "$(document).ready(function() { $('[id*=InitDataButton]').click(); });" 
ScriptManager.RegisterStartupScript(this, "load", script, True) 

Answer 2

Попробуйте это:

$("#InitDataButton").submit(function(event) { 
    alert("Handler for .submit() called."); 
    ShowProgress(); 
    event.preventDefault(); 
}); 

И LIVE EVENT удаляется с версии 1.9, поэтому лучше избегайте его использования.