Reposition window

by karthick Chandran

HTML

<script src="http://cdn.kendostatic.com/2013.1.319/js/jquery.min.js"></script>
<script src="http://cdn.kendostatic.com/2013.1.319/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.default.min.css">
<div style=" width: 500px; height: 1200px;">
<div id="accessDiv" style=" width: 100%; height: 100%; background-color: #fff;">
    <div><a href="#" id="button" class="k-button">Move window!</a>
    </div>
    <label>Enter access key</label>
    <input type="text" />
    <input type="button" title="Enter" value="Enter" />
</div>
</div>

JavaScript

var accessWindow = $("#accessDiv").kendoWindow({
    actions: [],
    draggable: true,
    height: "200px",
    modal: true,
    resizable: false,
    title: "Access",
    width: "200px"
}).data("kendoWindow");

accessWindow.center();
accessWindow.open();

$("#button").on("click", function () {
    var pos = accessWindow.wrapper.position();
    pos.left -= 5;
    pos.top -= 10;
    accessWindow.wrapper.css({
        top: pos.top,
        left: pos.left
    })
  //  accessWindow.center();
    
    var w = $(window).width();
var h = $(window).height();
var d = document.getElementById('accessDiv');
    alert(h);
    alert(w)
//var divW = $(d).width();
//var divH = $(d).height();

d.style.position="absolute";
d.style.top = (h/2)-(divH/2)+"px";
d.style.left = (w/2)-(divW/2)+"px";
      alert($(document).scrollTop());

});