rodolphe/chromesoul
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

setting focus to the chat input when a tab is shown

Browse source
This commit is contained in:
Rodolphe Breard 2012-11-27 09:24:35 +01:00
parent 66cd257546
commit 1f60d56ee2
1 changed files with 8 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
lib/tab.nsui.js
View file

@ -16,6 +16,7 @@
var Tab = function(name) { var Tab = function(name) {
this.name = this.filterName(name); this.name = this.filterName(name);
this.chat_input = null;
this.wr_lst = document.getElementById("tab-lst"); this.wr_lst = document.getElementById("tab-lst");
this.wr_body = document.getElementById("tab-body-wrapper"); this.wr_body = document.getElementById("tab-body-wrapper");
this.initListElement(); this.initListElement();
@ -58,9 +59,9 @@ Tab.prototype.initListElement = function() {
}; };
Tab.prototype.initBodyElement = function() { Tab.prototype.initBodyElement = function() {
var chat_input = document.createElement("input"), var chat_input_w = document.createElement("div");
chat_input_w = document.createElement("div");
this.chat_input = document.createElement("input");
this.chat_log = document.createElement("pre"); this.chat_log = document.createElement("pre");
this.chat_log.classList.add("chat-log"); this.chat_log.classList.add("chat-log");
this.el_body = document.createElement("div"); this.el_body = document.createElement("div");
@ -68,9 +69,9 @@ Tab.prototype.initBodyElement = function() {
this.el_body.id = this.name; this.el_body.id = this.name;
this.el_body.style.display = "none"; this.el_body.style.display = "none";
chat_input_w.classList.add("chat-input-wrapper"); chat_input_w.classList.add("chat-input-wrapper");
chat_input.classList.add("chat-input"); this.chat_input.classList.add("chat-input");
chat_input.setAttribute("type", "text"); this.chat_input.setAttribute("type", "text");
chat_input.addEventListener("keyup", (function(elem) { this.chat_input.addEventListener("keyup", (function(elem) {
return function(event) { return function(event) {
if (event.keyCode == 13 && this.value != "") { if (event.keyCode == 13 && this.value != "") {
var msg = this.value; var msg = this.value;
@ -86,7 +87,7 @@ Tab.prototype.initBodyElement = function() {
}; };
})(this), false); })(this), false);
chat_input_w.appendChild(chat_input); chat_input_w.appendChild(this.chat_input);
this.el_body.appendChild(this.chat_log); this.el_body.appendChild(this.chat_log);
this.el_body.appendChild(chat_input_w); this.el_body.appendChild(chat_input_w);
this.wr_body.appendChild(this.el_body); this.wr_body.appendChild(this.el_body);
@ -113,6 +114,7 @@ Tab.prototype.show = function() {
this.el_lst.classList.add("tab-current"); this.el_lst.classList.add("tab-current");
this.el_body.style.display = "block"; this.el_body.style.display = "block";
this.chat_log.scrollTop = 42000; this.chat_log.scrollTop = 42000;
this.chat_input.focus();
}; };
Tab.prototype.isCurrent = function() { Tab.prototype.isCurrent = function() {