Spaces:
Running
Running
File size: 3,537 Bytes
87b3b3a |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 |
var Example = function(node) {
this._node = node;
this._source = OZ.DOM.elm("pre", {className:"code"});
this._source.setAttribute("data-syntax", "js");
this._source.addEventListener("click", this);
this._ta = OZ.DOM.elm("textarea", {className:"code"});
this._ta.spellcheck = false;
this._ta.addEventListener("click", this);
this._result = OZ.DOM.elm("pre", {className:"result"});
this._time = OZ.DOM.elm("div", {className:"time"});
this._useCode(node.textContent);
}
Example.prototype.handleEvent = function(e) {
e.stopPropagation();
if (this.constructor.current != this) { this.open(); }
}
Example.prototype.open = function() {
this.constructor.current = this;
var height = OZ.Style.get(this._source, "height");
this._ta.style.height = height;
this._ta.value = this._source.textContent.trim();
this._source.parentNode.replaceChild(this._ta, this._source);
this._ta.focus();
}
Example.prototype.close = function() {
this.constructor.current = null;
var code = this._ta.value;
this._useCode(code);
}
/**
* @param {string} code no html entities, plain code
*/
Example.prototype._useCode = function(code) {
this._node.innerHTML = "";
this._result.innerHTML = "";
this._source.innerHTML = "";
this._node.appendChild(this._source);
this._node.appendChild(this._result);
this._node.appendChild(this._time);
this._source.appendChild(OZ.DOM.text(code));
Syntax.apply(this._source);
var result = this._result;
var show = function() {
for (var i=0;i<arguments.length;i++) {
var arg = arguments[i];
if (!arg.nodeType) {
arg = OZ.DOM.elm("div", {innerHTML:arg});
}
result.appendChild(arg);
}
}
var t1 = Date.now();
this._eval(code, show);
var t2 = Date.now();
this._time.innerHTML = "executed in %{s}ms".format(t2-t1);
}
Example.prototype._eval = function(code, SHOW) {
eval(code);
}
Example.current = null;
document.addEventListener("click", function() {
if (Example.current) { Example.current.close(); }
}, false);
var Manual = {
_hash: "",
_hashChange: function(e) {
var hash = location.hash || "intro";
if (hash.charAt(0) == "#") { hash = hash.substring(1); }
if (hash == this._hash) { return; }
this._hash = hash;
this._switchTo(this._hash);
},
_switchTo: function(what) {
OZ.Request("pages/" + what + ".html?" + Math.random(), this._response.bind(this));
var links = document.querySelectorAll("#menu a");
for (var i=0;i<links.length;i++) {
var link = links[i];
if (link.href.lastIndexOf(what) == link.href.length - what.length) {
OZ.DOM.addClass(link, "active");
var parent = link.parentNode.parentNode.parentNode;
if (parent.nodeName.toLowerCase() == "li") {
OZ.DOM.addClass(parent.querySelector("a"), "active");
}
} else {
OZ.DOM.removeClass(link, "active");
}
}
},
_response: function(data, status) {
if (status != 200) { return; }
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
document.querySelector("#content").innerHTML = data;
var all = document.querySelectorAll("#content .example");
for (var i=0;i<all.length;i++) { new Example(all[i]); }
},
init: function() {
var year = new Date().getFullYear();
document.querySelector("#year").innerHTML = year;
OZ.Request("../VERSION", function(data, status) {
if (status != 200) { return; }
document.querySelector("h1").innerHTML += "<span>v" + data.trim() + "</span>";
});
OZ.Event.add(window, "hashchange", this._hashChange.bind(this));
this._hashChange();
}
}
Manual.init();
|