Как показать Modal Popup с помощью Javascript

-2

В ASP.Net Я использую modalpopupextender для отображения модального всплывающего окна по какой-то причине, что modalpopupextender работает нормально. Но моя проблема в том, что мне нужно показать простое модальное всплывающее окно после завершения задачи. Независимо от того, является ли задача успешным, сообщение об успешном завершении параллели для отказа также и еще одно важное - мне нужно скрыть modalpopupextender. Я попытался с помощью JavaScript, он показывает предупреждающее сообщение, но modalpopupextender не будет скрывать, ниже кодКак показать Modal Popup с помощью Javascript

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 

      }

Вместо использование предупреждений сценария, я могу использовать любой яваскрипт или JQuery модального всплывающего окно включает мне нужно, чтобы скрыть modalpopupextender паралельно пожалуйста помогите.

источник

2016-07-28 Venus Vikki

Google в Интернете и найти примеры, чтобы использовать, если вы не знаете программирования на asp.net – Aristos

использования 'ScriptManager.RegisterClientScriptBlock (это, this.GetType(), "alertMessage"," alert («Запись успешно вставлена») «, true);' – mmushtaq

Я искал в google, и у меня было так много вещей, но мой вопрос - это скрыть modalpopupextender ..... и как показать сообщение ...... –

Вы упомянули, что можете использовать jQuery. Имея это в виду, надеюсь, вы можете включить аддон JQuery UI, 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>

источник

2016-07-28 06:32:17

Как показать Modal Popup с помощью Javascript

ответ

Смежные вопросы