Afficher le rappel en tant que pop-up/alerte flottante

Question

Je dois afficher un rappel en tant que popup/alerte flottante dans mon application asp.net mvc (C#). Lorsque l'utilisateur possède des informations de l'administrateur qui doivent être notifiées à un moment donné, je dois les afficher sous forme de popup/alerte flottante dans l'écran de l'utilisateur. Par exemple: Lorsque l'administrateur définit une alerte "Le dernier paiement est dû le 15-Oct-2009" pour informer l'utilisateur le "12-Oct-2009 10:00 AM". Ensuite, il devrait montrer l'alerte à l'utilisateur le "12-Oct-2009 10:00 AM" en tant que "Paiement en raison de la dernière date est 15-Oct-2009".

Existe-t-il un moyen simple de faire cela?

Answer 1

Bien, je ne sais pas comment c'est simple, mais vous pouvez utiliser le JQuery Timer plugin, pour démarrer une minuterie qui va fonctionner de temps en temps et faire un appel ajax pour vérifier s'il y a une alerte que l'utilisateur doit être informé de.

Ainsi, lorsque l'administrateur règle le paiement, je le soumets dans la base de données. La fonction à laquelle vous allez effectuer un appel ajax vérifiera s'il y a un paiement qui a atteint le datetime d'alerte. Cette fonction peut renvoyer un objet JSON avec toutes les informations nécessaires à afficher dans le popup.

$(document).everyTime(10000, function(i) { 

$.ajax({ 
    type: "POST", 
    url: "controller/CheckTimerAction", 
    dataType:"json", 
    error: function(xhr, status, error) { }, 
    success: function(response) { 

     if (response.AlertExist) { 
      var dialog = $('#dialog'); 

      dialog.html(response.AlertInfo); 
      dialog.dialog('option', 'width', '50%'); 
      dialog.dialog('open'); 
     } 
    } 
});}); 

Il est le Dialog jquery plugin qui peut vous aider à montrer de dialogue pop-up modale.