https://vietnam.gov.vn/Scripts/JDialog.js?v=1

1/// <reference path="jquery-1.7.1.min.js" />
2
3var jDialog = function (options) {
4
5    var params = { url: "", width: 350, height: 250, html: "", title: "", close: function () { } };
6    params = jQuery.extend(params, options);
7
8    var s = '<div class="jMask"></div>';
9    var divMask = $(s).appendTo($('body'));
10    var jContainer = $('<div class="jContainer"><div class="jBox"><div class="jTitle"></div><iframe loading="lazy"  frameborder="0" class="jFrame"></iframe></div></div>').appendTo($('body'));
11    var jTitle = jContainer.find('.jTitle').text(params.title);
12    var jBox = jContainer.find('.jBox');
13    var jFrame = jContainer.find('iframe');
14    divMask.height($(document).height()).show();
15    var buttonClose = $('<span class="jClose"></span>').appendTo(jTitle).click(function () {
16        divMask.hide(200, function () { jContainer.remove(); params.close(); divMask.remove() });
17    });
18
19    jFrame.css({ width: params.width, height: params.height });
20
21    if (params.html != "") {
22        jFrame.remove();
23        jContainer.css({ width: params.width, height: params.height });
24        jBox.html(params.html);
25    }
26    else {
27        jFrame.attr("src", params.url);
28    }
29
30    var showMe = function () {
31        var itop = ($(window).height() - jContainer.height()) / 2 + $(window).scrollTop();
32        var ileft = ($(window).width() - jContainer.width()) / 2;
33        jContainer.css({ top: itop, left: ileft });
34    };
35
36    showMe();
37    $(window).scroll(function () { showMe(); });
38}