Погрузчик на ссылку ASP.NET MVC 5
-
21-12-2019 - |
Вопрос
Я пытаюсь сделать что-то очень просто, но это не работает для всего браузера ... Мне нужна ваша помощь здесь:
<a href="@(Url.Action("Accept", "Manager", new { HolidayId = item.HolidayId }))" class="uifw-button xsmall black" OnClick="loader()"><i class="uifw-icon-standard uifw-icon-standard-check-circle xsmall " ></i>Accept</a>
.
Вот простая кнопка, когда я нажимаю, она отправит электронное письмо пользователю с данными из базы данных.
Дело в том, что если я нажимаю на эту кнопку несколько раз, он отправит несколько писем.
Так, я хотел бы поставить загрузчик или что-то вроде этого, поэтому пользователь знает, что он должен ждать несколько секунд, и он больше не сможет нажать на эту ссылку.
Я попробовал что-то вроде этого, но это не работает .. Я действительно новый с js ..
<script type="text/javascript">
(function loader() {
getElementById('loading').style.display ='block';
}(document));
</script>
<div id="loading">
<img src="~/images/ajax-loader.gif" />
</div>
.
Редактировать: хорошо, я только что обновил свой код, и у меня есть это:
<script type="text/javascript">
function ShowSendingProgress() {
var modal = $('<div />');
modal.addClass("modal");
modal.attr("id", "modalSending");
$('body').append(modal);
var loading = $("#modalSending.loading");
loading.show();
var top = '215px';
var left = '560px';
loading.css({ top: top, left: left, color: '#ffffff' });
}
</script>
<div class="loading" id="modalSending" align="center">
<img src="~/images/ajax-loader.gif" />
</div>
<a href="@(Url.Action("Accept", "Manager", new { HolidayId = item.HolidayId }))" class="uifw-button xsmall black" OnClick="ShowSendingProgress()"><i class="uifw-icon-standard uifw-icon-standard-check-circle xsmall "></i>Accept</a>
.
Это не работает, я вижу погрузчик Ajax, даже если я не нажимаю на ссылку ..
Спасибо, что помогло,
Решение
Начните с Hidden Loader, что должно решить вашу проблему:
<div class="loading" id="modalSending" align="center" style="display:none">