Kendo UI

jQuery + Kendo UI + MockJax

HTML

<script src="http://cdn.kendostatic.com/2012.1.229/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.229/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.229/styles/kendo.blueopal.min.css">
<div id="windowcontainer"></div>

<span id="openwindow" class="k-button">Click here to open the window</span>

CSS

body 
        {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 10px;
            margin: 0px;
            padding: 0px;            
        }

JavaScript

$(document).ready(function () {
                        
                    var openwindow= $("#openwindow");

                    openwindow.on("click", function () {
                        
                        $("#windowcontainer").append("<div id='window'></div>");
                        
                        var mywindow = $("#window")
                        .kendoWindow({
                            width: "500px",
                            actions: ["Minimize", "Maximize", "Close"],
                            title: "Sample Window",                          
                            visible: false,
                            content: "http://www.amazon.com",
                            deactivate: function() {
                                this.destroy();   
                                console.log("close");
                            }
                        }).data("kendoWindow");
                        
                        mywindow.open();
                    });

                });