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="window">
 </div>

<span id="undo" class="k-button">Click here to open the window.</span>
<span id="thecontent" class="k-button">Click here to Add content</span>

CSS

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

JavaScript

$(document).ready(function () {


                    var mywindow = $("#window"),
                        thecontent = $("#thecontent"),
                        undo = $("#undo");

                    undo.bind("click", function () {
                        mywindow.data("kendoWindow").open();
                        //undo.hide();
                    }); // END UNDO

                    thecontent.bind("click", function () {
                        mywindow.data("kendoWindow").refresh("http://tsn.ca");
                        //thecontent.hide();
                    }); // END thecontent
                   

                    //
                    if (!mywindow.data("kendoWindow")) {
                        mywindow.kendoWindow({
                            width: "500px",
                            actions: ["Custom", "Minimize", "Maximize", "Close"],
                            title: "Title Here....",
                            iframe: true,
                            visible: false,
                            content: "",
                            close: function () {
                                mywindow.data("kendoWindow").title("New Title");
                                //this.destroy();
                            },
                            custom: function () {
                                undo.hide();
                            }
                        });
                    }
                    //


                });     // End Ready