JSFiddle - React, Tailwind, and code Playground
HTML
<body>
<h3>Demo</h3>
<div class='demo'>
<input type='button' value='Click Here to Create Window' onclick='createWindowWithRedirectChecking2();' />
</div>
</body>
CSS
<link href="libs/Bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
<link id="jquery_ui_theme_loader" type="text/css" href="libs/jquery-ui-1.10.4/css/black-tie/jquery-ui.css" rel="stylesheet" />
<link href="libs/jquery-window-5.03/css/jquery.window.css" rel="stylesheet" media="screen">
<link href="libs/Bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
JavaScript
<script type="text/javascript">
function createWindowWithRedirectChecking2(){
$.window({
title: "create window with redirect checking",
url: "http://www.myspace.com",
iframeRedirectCheckMsg: "the window is going to redirect to {url}!!\r\nPlease select 'cancel' to stay here."
});
}
</script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="libs/jquery-ui-1.10.4/js/jquery-ui-1.10.4.js"></script>
<script src="libs/jquery-window-5.03/jquery.window.js"></script>
<script src="libs/Bootstrap/js/bootstrap.min.js"></script>