JavaScript Window
Set the autoOpen 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>
<div id='jqxwindow'>
<div>Header</div>
<div id="windowContent"></div>
</div>
<button id="button">Open</button>
JavaScript
$("#jqxwindow").jqxWindow({
height: 300,
width: 500,
resizable: true,
theme: 'energyblue',
autoOpen: false
});
var response = '<?xml version="1.0"?><br /><!DOCTYPE nmaprun><br /><?xml-stylesheet href="file:///usr/bin/../share/nmap/nmap.xsl" type="text/xsl"?><br /><!-- Nmap 6.47 scan initiated Fri Dec 11 19:17:30 2015 as: nmap -PN -T5 -oX test.xml -vv --top-ports 280 xxxx.com --><br /><nmaprun scanner="nmap" args="nmap -PN -T5 -oX test.com.xml -vv --top-ports 280';
$("#button").click(function () {
$("#jqxwindow").jqxWindow('open');
$('#windowContent').text(response);
$('#windowContent').html(function(index,html){
var patern = "<br />";
var re = new RegExp("<br />","g");
return html.replace(re, "<br />");
});
});