var MESSAGE_TIMEOUT = 4000; function changeTab() { var hashtype = window.location.hash.substr(1,3); if(hashtype != "tab") return; var id = window.location.hash.substr(4); var tabs = document.querySelectorAll("#tabs-panel > ul > li"); for(var i=0; i < tabs.length; i++) { if(i == id-1) tabs[i].classList.add("active"); // Doesn't work with IE < 10 (and Opera Mini), but who cares? else tabs[i].classList.remove("active"); } } function showMessage(type, msg) { var msg_box = document.getElementById(type+"-box"); msg_box.style.display = "initial"; var msg_list = msg_box.firstElementChild.firstElementChild.firstElementChild; msg_list.innerHTML = "
  • " + msg + "
  • \n" + msg_list.innerHTML; window.setTimeout(hideMessage.bind(null, type), MESSAGE_TIMEOUT); } function hideMessage(type) { var msg_box = document.getElementById(type+"-box"); var msg_list = msg_box.firstElementChild.firstElementChild.firstElementChild; var item = msg_list.lastElementChild; msg_list.removeChild(item); if(msg_list.children.length <= 0) msg_box.style.display = "none"; } function showError(msg) { showMessage("error", msg); } function showInfo(msg) { showMessage("info", msg); }