<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="WebApplication1.WebForm2" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="http://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<script>
function popupWin()
{
var url = "/WebForm1.aspx";
var newWin = window.showModelDialog(url, window, '');
newWin.open();
}
function popUp()
{
var url = "/WebForm1.aspx";
objSubWin = window.open(url, "Popup", "toolbar=no,scrollbars=no,location=no,statusbar=no,menubar=no,resizable=0,width=600,height=500");
objSubWin.focus();
}
function popUp2()
{
var url = "/WebForm1.aspx";
opendialog(url);
}
//$("#somediv").click(function ()
//{
//});
//https://api.jqueryui.com/dialog/#option-buttons
function opendialog(page)
{
var $dialog = $('#somediv')
.html('<iframe style="border: 0px; " src="' + page + '" width="100%" height="100%"></iframe>')
.dialog({
title: "Page",
autoOpen: false,
dialogClass: 'dialog_fixed,ui-widget-header',
modal: true,
height: 600,
width: 500,
minWidth: 500,
minHeight: 400,
draggable: true,
/*close: function () { $(this).remove(); },*/
//buttons: { " Ok ": function () { $(this).dialog("close"); } }
});
// Getter