Html Window

Set the isModal property of the jqxWindow. Author: http://jqwidgets.com

HTML

<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>

JavaScript

var window = $("<div><div>Title</div><div id='content'>Content</div></div>");
var OkButton = $("<div id='ok' type = 'button' style='float: left,margin-right: 10px'> OK <div>");
var CloseButton = $("<div id='close' type = 'button' style='float: left,margin-right: 10px'> Close <div>");
var textArea = $("<div></div>");

window.appendTo(document.body);
textArea.appendTo(content);
OkButton.appendTo(content);
CloseButton.appendTo(content);

window.jqxWindow({
  isModal: true,
  height: 300,
  width: 250,
  initContent: function() {
    $('#ok').jqxButton({
      width: '65px',
      theme: 'energyblue'
    });
    $('#close').jqxButton({
      width: '65px',
      theme: 'energyblue'
    });
    $('#ok').focus();
  }
});

textArea.jqxTextArea({
  height: 100,
  width: 150

});