Comment afficher pop-up modale en utilisant Javascript

Question

Dans ASP.Net J'utilise modalpopupextender pour l'affichage de pop-up modale pour une raison quelconque, que modalpopupextender fonctionne très bien. Mais mon problème est que je dois montrer un popup modal simple après avoir terminé la tâche. Que la tâche soit réussie, le message de réussite est parallèle à l'échec et un autre plus important est que je dois masquer modalpopupextender. Je l'ai essayé d'utiliser javascript, il montre message d'alerte, mais ModalPopupExtender ne cachera pas, ci-dessous est le code

if (finalresult == 1) 
      { 
       modalpopup.Hide(); 
       Response.Write("<script>alert('Done');</script>"); // if success display success message 
      } 
      else 
      { 
       Response.Write("<script>alert('Error');</script>"); // if fail display error msg 

      } 

Au lieu d'utiliser script d'alerte, puis-je utiliser un popup modal javascript ou jquery inclus je dois cacher ModalPopupExtender en parallèle Aidez-moi, s'il vous plaît.

Answer 1

Vous mentionnez que vous pouvez utiliser jQuery. Dans cet esprit, nous espérons que vous pouvez inclure l'addon d'interface utilisateur de jQuery, jQuery UI.

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.css"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.js"></script> 
 
<script> 
 
    $(function() { 
 
    $("#dialog").dialog(); 
 
    }); 
 
</script> 
 
<!-- --> 
 
<div id="dialog" title="Title here"> 
 
    <p>Dialog text here</p> 
 
</div>