",c+="
",l.open(c)}),b.open("GET","/sessions/list.json"),b.send(),f(a)):!0}),c=function(a){var b;return document.getElementById("style").setAttribute("href",a),b=document.createElement("img"),b.onerror=function(){return setTimeout(function(){return"undefined"!=typeof butterfly&&null!==butterfly?butterfly.resize():void 0},250)},b.src=a},d="undefined"!=typeof localStorage&&null!==localStorage?localStorage.getItem("theme"):void 0,d&&c(d),this.set_theme=function(a){return d=a,"undefined"!=typeof localStorage&&null!==localStorage&&localStorage.setItem("theme",a),a?c(a):void 0},document.addEventListener("keydown",function(a){var b,e;return a.altKey&&83===a.keyCode?a.shiftKey?(e=document.getElementById("style").getAttribute("href"),e=e.split("?")[0],c(e+"?"+(new Date).getTime()),f(a)):(b=new XMLHttpRequest,b.addEventListener("load",function(){var a,b,c,e,f,g,h,i,j,k,m,n;if(i=JSON.parse(this.responseText),a=i.builtin_themes,m=i.themes,b='",l.open(b),k=document.getElementById("theme_list"),k.addEventListener("change",function(){return set_theme(k.value)})}),b.open("GET","/themes/list.json"),b.send(),f(a)):!0}),/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)&&(i=!1,e=!1,j=!0,p=document.createElement("input"),p.type="password",p.style.position="fixed",p.style.top=0,p.style.left=0,p.style.border="none",p.style.outline="none",p.style.opacity=0,p.value="0",document.body.appendChild(p),p.addEventListener("blur",function(){return setTimeout(function(a){return function(){return a.focus()}}(this),10)}),addEventListener("click",function(){return p.focus()}),addEventListener("touchstart",function(a){return 2===a.touches.length?i=!0:3===a.touches.length?(i=!1,e=!0):4===a.touches.length?(i=!0,e=!0):void 0}),p.addEventListener("keydown",function(a){return butterfly.keyDown(a),!0}),p.addEventListener("input",function(a){var b;return b=this.value.length,0===b?(a.keyCode=8,butterfly.keyDown(a),this.value="0",!0):(a.keyCode=this.value.charAt(1).charCodeAt(0),!i&&!e||j?(butterfly.keyPress(a),j=!1,this.value="0",!0):(a.keyCode=this.value.charAt(1).charCodeAt(0),a.ctrlKey=i,a.altKey=e,a.keyCode>=97&&a.keyCode<=122&&(a.keyCode-=32),butterfly.keyDown(a),this.value="0",i=e=!1,!0))}))}).call(this);
+(function(){var a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q=[].indexOf||function(a){for(var b=0,c=this.length;c>b;b++)if(b in this&&this[b]===a)return b;return-1};g=function(a){var b,c,d,e;if(a.indexOf("")<0)return a;for(c=-1,d="",e="normal";cSession list
",0===e.sessions.length)c+="No current session for user "+e.user;else{for(c+="- ",d=e.sessions,a=0,b=d.length;b>a;a++)f=d[a],c+='
- '+f+" ";c+="
",c+="
",l.open(c)}),b.open("GET","/sessions/list.json"),b.send(),f(a)):!0}),c=function(a){var b;return document.getElementById("style").setAttribute("href",a),b=document.createElement("img"),b.onerror=function(){return setTimeout(function(){return"undefined"!=typeof butterfly&&null!==butterfly?butterfly.resize():void 0},250)},b.src=a},d="undefined"!=typeof localStorage&&null!==localStorage?localStorage.getItem("theme"):void 0,d&&c(d),this.set_theme=function(a){return d=a,"undefined"!=typeof localStorage&&null!==localStorage&&localStorage.setItem("theme",a),a?c(a):void 0},document.addEventListener("keydown",function(a){var b,e;return a.altKey&&83===a.keyCode?a.shiftKey?(e=document.getElementById("style").getAttribute("href"),e=e.split("?")[0],c(e+"?"+(new Date).getTime()),f(a)):(b=new XMLHttpRequest,b.addEventListener("load",function(){var a,b,c,e,f,g,h,i,j,k,m,n;if(i=JSON.parse(this.responseText),a=i.builtin_themes,m=i.themes,b='",l.open(b),k=document.getElementById("theme_list"),k.addEventListener("change",function(){return set_theme(k.value)})}),b.open("GET","/themes/list.json"),b.send(),f(a)):!0}),/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)&&(i=!1,e=!1,j=!0,p=document.createElement("input"),p.type="password",p.style.position="fixed",p.style.top=0,p.style.left=0,p.style.border="none",p.style.outline="none",p.style.opacity=0,p.value="0",document.body.appendChild(p),p.addEventListener("blur",function(){return setTimeout(function(a){return function(){return a.focus()}}(this),10)}),addEventListener("click",function(){return p.focus()}),addEventListener("touchstart",function(a){return 2===a.touches.length?i=!0:3===a.touches.length?(i=!1,e=!0):4===a.touches.length?(i=!0,e=!0):void 0}),p.addEventListener("keydown",function(a){return butterfly.keyDown(a),!0}),p.addEventListener("input",function(a){var b;return b=this.value.length,0===b?(a.keyCode=8,butterfly.keyDown(a),this.value="0",!0):(a.keyCode=this.value.charAt(1).charCodeAt(0),!i&&!e||j?(butterfly.keyPress(a),j=!1,this.value="0",!0):(a.keyCode=this.value.charAt(1).charCodeAt(0),a.ctrlKey=i,a.altKey=e,a.keyCode>=97&&a.keyCode<=122&&(a.keyCode-=32),butterfly.keyDown(a),this.value="0",i=e=!1,!0))}))}).call(this);
//# sourceMappingURL=ext.min.js.map
\ No newline at end of file
diff --git a/butterfly/static/main.js b/butterfly/static/main.js
index c135b69..0c5f703 100644
--- a/butterfly/static/main.js
+++ b/butterfly/static/main.js
@@ -1,6 +1,5 @@
(function() {
- var $, State, Terminal, cancel, cols, cutMessage, openTs, quit, rows, s, uuid, ws,
- slice = [].slice,
+ var $, State, Terminal, cancel, cols, openTs, quit, rows, s, uuid, ws,
indexOf = [].indexOf || function(item) { for (var i = 0, l = this.length; i < l; i++) { if (i in this && this[i] === item) return i; } return -1; };
cols = rows = null;
@@ -9,11 +8,9 @@
openTs = (new Date()).getTime();
- cutMessage = '\r\nCutting...... 8< ...... 8< ...... ' + '\r\nYou can release when there is no more output.' + '\r\nCutting...... 8< ...... 8< ......' + '\r\nCutting...... 8< ...... 8< ......';
-
ws = {
shell: null,
- termctl: null
+ ctl: null
};
$ = document.querySelectorAll.bind(document);
@@ -28,22 +25,8 @@
};
document.addEventListener('DOMContentLoaded', function() {
- var close, ctl, error, open, path, rootPath, send, term, wsUrl;
+ var close, ctl, error, init_ctl_ws, init_shell_ws, open, path, reopenOnClose, rootPath, term, write, write_request, wsUrl;
term = null;
- send = function(data) {
- return ws.shell.send(data);
- };
- ctl = function() {
- var args, type;
- type = arguments[0], args = 2 <= arguments.length ? slice.call(arguments, 1) : [];
- if (type === 'Resize') {
- return ws.termctl.send(JSON.stringify({
- cmd: 'size',
- cols: args[0],
- rows: args[1]
- }));
- }
- };
if (location.protocol === 'https:') {
wsUrl = 'wss://';
} else {
@@ -60,104 +43,88 @@
}
path += location.search;
ws.shell = new WebSocket(wsUrl + '/ws' + path);
- ws.termctl = new WebSocket(wsUrl + '/ctl' + path);
+ ws.ctl = new WebSocket(wsUrl + '/ctl' + path);
open = function() {
console.log("WebSocket open", arguments);
- if (ws.shell.readyState === WebSocket.OPEN && ws.termctl.readyState === WebSocket.OPEN) {
- term = new Terminal(document.body, send, ctl);
+ if (term) {
+ term.body.classList.remove('stopped');
+ term.out = ws.shell.send.bind(ws.shell);
+ term.out('\x03\n');
+ return;
+ }
+ if (ws.shell.readyState === WebSocket.OPEN && ws.ctl.readyState === WebSocket.OPEN) {
+ term = new Terminal(document.body, ws.shell.send.bind(ws.shell), ws.ctl.send.bind(ws.ctl));
term.ws = ws;
window.butterfly = term;
- ws.termctl.send(JSON.stringify({
+ ws.ctl.send(JSON.stringify({
cmd: 'open'
}));
- ws.termctl.send(JSON.stringify({
+ ws.ctl.send(JSON.stringify({
cmd: 'size',
cols: term.cols,
rows: term.rows
}));
- return openTs = (new Date()).getTime();
+ openTs = (new Date()).getTime();
}
+ return console.log("WebSocket open end", arguments);
};
error = function() {
- return console.log("WebSocket error", arguments);
+ return console.error("WebSocket error", arguments);
};
close = function() {
console.log("WebSocket closed", arguments);
if (quit) {
return;
}
- setTimeout(function() {
- term.write('Closed');
- term.skipNextKey = true;
- term.body.classList.add('dead');
- if ((new Date()).getTime() - openTs > 60 * 1000) {
- return window.open('', '_self').close();
- }
- }, 1);
- return quit = true;
- };
- ws.shell.addEventListener('open', open);
- ws.termctl.addEventListener('open', open);
- ws.shell.addEventListener('error', error);
- ws.termctl.addEventListener('error', error);
- ws.shell.addEventListener('close', close);
- ws.termctl.addEventListener('close', close);
- ws.shell.addEventListener('message', function(e) {
- var letter;
- if (term.stop == null) {
- return term.write(e.data);
- } else {
- if (term.stop < cutMessage.length) {
- letter = cutMessage[term.stop++];
- } else {
- letter = '.';
- }
- return term.write(letter);
+ quit = true;
+ term.write('Closed');
+ term.skipNextKey = true;
+ term.body.classList.add('dead');
+ if ((new Date()).getTime() - openTs > 60 * 1000) {
+ return window.open('', '_self').close();
}
- });
- ws.termctl.addEventListener('message', function(e) {
+ };
+ reopenOnClose = function() {
+ if (quit) {
+ return;
+ }
+ ws.shell = new WebSocket(wsUrl + '/ws' + path);
+ return init_shell_ws();
+ };
+ write = function(data) {
+ if (term) {
+ return term.write(data);
+ }
+ };
+ write_request = function(e) {
+ return setTimeout(write, 1, e.data);
+ };
+ ctl = function() {
var cmd;
cmd = JSON.parse(e.data);
if (cmd.cmd === 'size') {
return term.resize(cmd.cols, cmd.rows, true);
}
- });
- addEventListener('beforeunload', function() {
+ };
+ init_shell_ws = function() {
+ ws.shell.addEventListener('open', open);
+ ws.shell.addEventListener('message', write_request);
+ ws.shell.addEventListener('error', error);
+ return ws.shell.addEventListener('close', reopenOnClose);
+ };
+ init_ctl_ws = function() {
+ ws.ctl.addEventListener('open', open);
+ ws.ctl.addEventListener('message', ctl);
+ ws.ctl.addEventListener('error', error);
+ return ws.ctl.addEventListener('close', close);
+ };
+ init_shell_ws();
+ init_ctl_ws();
+ return addEventListener('beforeunload', function() {
if (!quit) {
return 'This will exit the terminal session';
}
});
- window.bench = function(n) {
- var rnd;
- if (n == null) {
- n = 100000000;
- }
- rnd = '';
- while (rnd.length < n) {
- rnd += Math.random().toString(36).substring(2);
- }
- console.time('bench');
- console.profile('bench');
- term.write(rnd);
- console.profileEnd();
- return console.timeEnd('bench');
- };
- return window.cbench = function(n) {
- var rnd;
- if (n == null) {
- n = 100000000;
- }
- rnd = '';
- while (rnd.length < n) {
- rnd += "\x1b[" + (30 + parseInt(Math.random() * 20)) + "m";
- rnd += Math.random().toString(36).substring(2);
- }
- console.time('cbench');
- console.profile('cbench');
- term.write(rnd);
- console.profileEnd();
- return console.timeEnd('cbench');
- };
});
cancel = function(ev) {
@@ -217,7 +184,6 @@
this.focus();
this.startBlink();
addEventListener('keydown', this.keyDown.bind(this));
- addEventListener('keyup', this.keyUp.bind(this));
addEventListener('keypress', this.keyPress.bind(this));
addEventListener('focus', this.focus.bind(this));
addEventListener('blur', this.blur.bind(this));
@@ -559,7 +525,7 @@
};
Terminal.prototype.refresh = function(force) {
- var active, attr, ch, classes, cursor, data, fg, group, i, j, k, len, len1, len2, len3, len4, line, lines, m, newOut, o, out, q, ref, ref1, ref2, ref3, ref4, ref5, skipnext, styles, u, x, z;
+ var active, attr, ch, classes, cursor, data, fg, group, i, j, k, len, len1, len2, len3, len4, line, lines, m, n, newOut, o, out, q, ref, ref1, ref2, ref3, ref4, ref5, skipnext, styles, u, x;
if (force == null) {
force = false;
}
@@ -575,7 +541,7 @@
}
newOut = '';
ref2 = this.screen;
- for (j = o = 0, len2 = ref2.length; o < len2; j = ++o) {
+ for (j = n = 0, len2 = ref2.length; n < len2; j = ++n) {
line = ref2[j];
if (!(line.dirty || force)) {
continue;
@@ -588,7 +554,7 @@
}
attr = this.cloneAttr(this.defAttr);
skipnext = false;
- for (i = q = 0, ref3 = this.cols - 1; 0 <= ref3 ? q <= ref3 : q >= ref3; i = 0 <= ref3 ? ++q : --q) {
+ for (i = o = 0, ref3 = this.cols - 1; 0 <= ref3 ? o <= ref3 : o >= ref3; i = 0 <= ref3 ? ++o : --o) {
data = line.chars[i];
if (data.html) {
out += data.html;
@@ -724,13 +690,13 @@
lines = document.querySelectorAll('.line');
if (lines.length > this.scrollback) {
ref4 = Array.prototype.slice.call(lines, 0, lines.length - this.scrollback);
- for (u = 0, len3 = ref4.length; u < len3; u++) {
- line = ref4[u];
+ for (q = 0, len3 = ref4.length; q < len3; q++) {
+ line = ref4[q];
line.remove();
}
ref5 = document.querySelectorAll('.group:empty');
- for (z = 0, len4 = ref5.length; z < len4; z++) {
- group = ref5[z];
+ for (u = 0, len4 = ref5.length; u < len4; u++) {
+ group = ref5[u];
group.remove();
}
lines = document.querySelectorAll('.line');
@@ -1407,29 +1373,15 @@
return this.write(data + "\r\n");
};
- Terminal.prototype.keyUp = function(ev) {
- if (ev.keyCode === 19) {
- if (this.stop == null) {
- return;
- }
- this.body.classList.remove('stopped');
- this.stop = null;
- return this.out('\x03\n');
- }
- };
-
Terminal.prototype.keyDown = function(ev) {
var key, ref;
if (ev.keyCode > 15 && ev.keyCode < 19) {
return true;
}
if (ev.keyCode === 19) {
- if (this.stop != null) {
- return;
- }
this.body.classList.add('stopped');
- this.stop = 0;
this.out('\x03');
+ this.ws.shell.close();
return false;
}
if ((ev.shiftKey || ev.ctrlKey) && ev.keyCode === 45) {
@@ -1728,7 +1680,11 @@
return;
}
if (!notif) {
- this.ctl('Resize', this.cols, this.rows);
+ this.ctl(JSON.stringify({
+ cmd: 'size',
+ cols: this.cols,
+ rows: this.rows
+ }));
}
if (oldCols < this.cols) {
i = this.screen.length;
diff --git a/butterfly/static/main.min.js b/butterfly/static/main.min.js
index 1944b3a..bc2bff1 100644
--- a/butterfly/static/main.min.js
+++ b/butterfly/static/main.min.js
@@ -1,5 +1,5 @@
-/*! butterfly 2016-08-08 */
+/*! butterfly 2016-08-19 */
-(function(){var a,b,c,d,e,f,g,h,i,j,k=[].slice,l=[].indexOf||function(a){for(var b=0,c=this.length;c>b;b++)if(b in this&&this[b]===a)return b;return-1};e=i=null,h=!1,g=(new Date).getTime(),f="\r\nCutting...... 8< ...... 8< ...... \r\nYou can release when there is no more output.\r\nCutting...... 8< ...... 8< ......\r\nCutting...... 8< ...... 8< ......",a=document.querySelectorAll.bind(document),document.addEventListener("DOMContentLoaded",function(){var a,b,d,j,l,m;return j=null,d=function(a){return l.send("S"+a)},a=function(){var a,b,c;return c=arguments[0],a=2<=arguments.length?k.call(arguments,1):[],b=a.join(","),"Resize"===c?l.send("R"+b):void 0},m="https:"===location.protocol?"wss://":"ws://",b=document.body.getAttribute("data-root-path"),b.length&&(b="/"+b),m+=document.location.host+b+"/ws"+location.pathname,l=new WebSocket(m),l.addEventListener("open",function(){return console.log("WebSocket open",arguments),j=new c(document.body,d,a),j.ws=l,window.butterfly=j,l.send("R"+j.cols+","+j.rows),g=(new Date).getTime()}),l.addEventListener("error",function(){return console.log("WebSocket error",arguments)}),l.addEventListener("message",function(a){var b,c;return"R"===a.data[0]?(c=a.data.slice(1).split(","),e=c[0],i=c[1],void j.resize(e,i,!0)):"S"!==a.data[0]?void console.error("Garbage message"):null==j.stop?j.write(a.data.slice(1)):(b=j.stopSession list
",0===e.sessions.length)c+="No current session for user "+e.user;else{for(c+="- ",d=e.sessions,a=0,b=d.length;b>a;a++)f=d[a],c+='
- '+f+" ";c+="
'+w+"
",this.screen[k].dirty=!1}if(""!==u){if(i=this.document.createElement("div"),i.className="group",i.innerHTML=u,this.body.appendChild(i),this.screen=this.screen.slice(-this.rows),this.shift=0,s=document.querySelectorAll(".line"),s.length>this.scrollback){for(C=Array.prototype.slice.call(s,0,s.length-this.scrollback),G=0,p=C.length;p>G;G++)r=C[G],r.remove();for(D=document.querySelectorAll(".group:empty"),H=0,q=D.length;q>H;H++)i=D[H],i.remove();s=document.querySelectorAll(".line")}this.children=Array.prototype.slice.call(s,-this.rows)}return this.nativeScrollTo()},a.prototype._cursorBlink=function(){var a;return this.cursorState^=1,(a=this.body.querySelector(".cursor"))?a.classList.contains("reverse-video")?a.classList.remove("reverse-video"):a.classList.add("reverse-video"):void 0},a.prototype.showCursor=function(){return this.cursorState?void 0:(this.cursorState=1,this.screen[this.y+this.shift].dirty=!0,this.refresh())},a.prototype.startBlink=function(){return this.cursorBlink?(this._blinker=function(a){return function(){return a._cursorBlink()}}(this),this.t_blink=setInterval(this._blinker,500)):void 0},a.prototype.refreshBlink=function(){return this.cursorBlink?(clearInterval(this.t_blink),this.t_blink=setInterval(this._blinker,500)):void 0},a.prototype.scroll=function(){var a,b,c,d,e;if(this.normal||0!==this.scrollTop||this.scrollBottom!==this.rows-1){for(this.screen.splice(this.shift+this.scrollBottom+1,0,this.blankLine()),this.screen.splice(this.shift+this.scrollTop,1),e=[],a=b=c=this.scrollTop,d=this.scrollBottom;d>=c?d>=b:b>=d;a=d>=c?++b:--b)e.push(this.screen[a+this.shift].dirty=!0);return e}return this.screen.push(this.blankLine()),this.shift++},a.prototype.unscroll=function(){var a,b,c,d,e;for(this.screen.splice(this.shift+this.scrollTop,0,this.blankLine(!0)),this.screen.splice(this.shift+this.scrollBottom+1,1),e=[],a=b=c=this.scrollTop,d=this.scrollBottom;d>=c?d>=b:b>=d;a=d>=c?++b:--b)e.push(this.screen[a+this.shift].dirty=!0);return e},a.prototype.nativeScrollTo=function(a){return null==a&&(a=2e9),this.scrollLock?void 0:window.scrollTo(0,a)},a.prototype.scrollDisplay=function(a){return this.nativeScrollTo(window.scrollY+a*this.charSize.height)},a.prototype.nextLine=function(){return this.y++,this.y>this.scrollBottom?(this.y--,this.scroll()):void 0},a.prototype.prevLine=function(){return this.y--,this.y'+w+"
",this.screen[this.y+this.shift].chars[this.x]=d,this.screen[this.y+this.shift].dirty=!0,this.screen[this.y+this.shift].wrap=!1,this.nextLine();break;case"IMAGE":h=encodeURI(h),h.indexOf(";")?(p=h.slice(0,h.indexOf(";")),e=h.slice(h.indexOf(";")+1)):(p="image",e=h),d=this.cloneAttr(this.curAttr),d.html=''+x+"
",this.screen[k].dirty=!1}if(""!==v){if(i=this.document.createElement("div"),i.className="group",i.innerHTML=v,this.body.appendChild(i),this.screen=this.screen.slice(-this.rows),this.shift=0,s=document.querySelectorAll(".line"),s.length>this.scrollback){for(D=Array.prototype.slice.call(s,0,s.length-this.scrollback),y=0,p=D.length;p>y;y++)r=D[y],r.remove();for(E=document.querySelectorAll(".group:empty"),H=0,q=E.length;q>H;H++)i=E[H],i.remove();s=document.querySelectorAll(".line")}this.children=Array.prototype.slice.call(s,-this.rows)}return this.nativeScrollTo()},a.prototype._cursorBlink=function(){var a;return this.cursorState^=1,(a=this.body.querySelector(".cursor"))?a.classList.contains("reverse-video")?a.classList.remove("reverse-video"):a.classList.add("reverse-video"):void 0},a.prototype.showCursor=function(){return this.cursorState?void 0:(this.cursorState=1,this.screen[this.y+this.shift].dirty=!0,this.refresh())},a.prototype.startBlink=function(){return this.cursorBlink?(this._blinker=function(a){return function(){return a._cursorBlink()}}(this),this.t_blink=setInterval(this._blinker,500)):void 0},a.prototype.refreshBlink=function(){return this.cursorBlink?(clearInterval(this.t_blink),this.t_blink=setInterval(this._blinker,500)):void 0},a.prototype.scroll=function(){var a,b,c,d,e;if(this.normal||0!==this.scrollTop||this.scrollBottom!==this.rows-1){for(this.screen.splice(this.shift+this.scrollBottom+1,0,this.blankLine()),this.screen.splice(this.shift+this.scrollTop,1),e=[],a=b=c=this.scrollTop,d=this.scrollBottom;d>=c?d>=b:b>=d;a=d>=c?++b:--b)e.push(this.screen[a+this.shift].dirty=!0);return e}return this.screen.push(this.blankLine()),this.shift++},a.prototype.unscroll=function(){var a,b,c,d,e;for(this.screen.splice(this.shift+this.scrollTop,0,this.blankLine(!0)),this.screen.splice(this.shift+this.scrollBottom+1,1),e=[],a=b=c=this.scrollTop,d=this.scrollBottom;d>=c?d>=b:b>=d;a=d>=c?++b:--b)e.push(this.screen[a+this.shift].dirty=!0);return e},a.prototype.nativeScrollTo=function(a){return null==a&&(a=2e9),this.scrollLock?void 0:window.scrollTo(0,a)},a.prototype.scrollDisplay=function(a){return this.nativeScrollTo(window.scrollY+a*this.charSize.height)},a.prototype.nextLine=function(){return this.y++,this.y>this.scrollBottom?(this.y--,this.scroll()):void 0},a.prototype.prevLine=function(){return this.y--,this.y'+w+"
",this.screen[this.y+this.shift].chars[this.x]=d,this.screen[this.y+this.shift].dirty=!0,this.screen[this.y+this.shift].wrap=!1,this.nextLine();break;case"IMAGE":h=encodeURI(h),h.indexOf(";")?(p=h.slice(0,h.indexOf(";")),e=h.slice(h.indexOf(";")+1)):(p="image",e=h),d=this.cloneAttr(this.curAttr),d.html='