Below code shows an example to pop up a floating window in HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>jQuery Window CSS Styling Sample</title>
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.summer.css" type="text/css" />
    <script type="text/javascript" src="../../scripts/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxwindow.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#jqxwindow").jqxWindow({ height: 500, width: 500, theme: 'summer' });
            $("#jqxwindow").jqxWindow('setContent', '<iframe src="http://www.jqwidgets.com/" width="100%" height="100%"></iframe>');
        });
    </script>
</head>
<body>
    <div id='jqxwindow'>
        <div>
            Header</div>
        <div id='content'>
        </div>
    </div>
</body>
</html>

https://www.jqwidgets.com/community/topic/loading-the-content-of-a-windowpopup-into-an-iframe/

  • No labels