Discussion :

[Kill56]

Bonjour,

Je d�veloppement actuellement une application Web, qui permet de g�rer les jours de vacances d'une entreprise en ASP.NET MVC 5. Je d�bute en Javascript, et j'ai quelques soucis pour faire un truc qui semble tr�s simple, mais malgr� de longues recherches je ne trouve toujours pas.

C'est assez simple, j'ai un link (qui est enfaite un button avec le CSS), lorsqu'on click dessus, il va aller faire un tas d'op�ration dans le controller, dont l'envoi d'un mail. Celui est un peu long, cel� prend en moyenne 2-3 sec, si par erreur l'utilisateur s'amuse � appuyer 2-3 fois sur le button, cel� va envoyer 2-3 mails. Je veux donc palier � ce prob�me, en affichant une sorte fond noir un peu transparant avec un message, pour l'utilisateur.

Je vous pr�sente ce que j'ai tester jusqu'ici mais qui ne fonctionne pas comme je le voudrais

Le link en question :

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

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

La div appel�e par le code JS :

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
<div class="loading" id="modalSending" align="center" style="display:none">
    <img src="~/images/ajax-loader.gif" />
</div>

Le code JS :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
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' });
}

Merci d'avance pour votre aide,

Cordialement,

[Kill56]

Sujet r�solu, j'ai utilis� ce petit plugin : http://jquery.malsup.com/block/#demos