Skip to content

Instantly share code, notes, and snippets.

@yiminghe
Created January 30, 2012 10:13
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save yiminghe/1703698 to your computer and use it in GitHub Desktop.
Save yiminghe/1703698 to your computer and use it in GitHub Desktop.
how to use kissy overlay on nodejs
var path = require("path"),
fs = require("fs");
var jsdom = require("jsdom").jsdom;
document = jsdom("<html><head></head><body></body></html>");
window = document.createWindow();
location = window.location;
navigator = window.navigator;
window.document = document;
var S = require('kissy');
S.use("overlay", function(S, Overlay) {
document.body.innerHTML = "<div id='server'></div>";
var d = new Overlay.Dialog({
width:"500px",
render:"#server",
elCls:'server-dialog',
headerContent:"服务器端 header",
bodyContent:"服务器端 body",
footerContent:"服务器端 footer"
});
d.center();
d.show();
console.log(d.get("el")[0].offsetWidth);
console.log(d.get("el")[0].offsetHeight);
console.log(d.get("el").offset());
console.log(d.get("x"));
var DOM = S.DOM,offset = { left: DOM.scrollLeft(), top: DOM.scrollTop() },
w = DOM['viewportWidth'](),
h = DOM['viewportHeight']();
console.log(offset, w, h);
document.getElementsByTagName("head")[0].innerHTML = "<meta charset='utf-8'/>" +
"<link rel='stylesheet' " +
"href='http://docs.kissyui.com/kissy/src/overlay/assets/cool.css'/>" +
"<style>" +
"#server .server-dialog {" +
"left:100px;" +
"top:100px;" +
"}" +
"</style>";
console.log(document.innerHTML);
fs.writeFile("./tools/nodejs-patch/overlay.html", document.innerHTML);
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment