Mercurial > hg > fapweb
view ajax.js @ 858:fa12a996e86b
ESC handling for message boxes.
author | Matti Hamalainen <ccr@tnsp.org> |
---|---|
date | Wed, 26 Nov 2014 10:29:40 +0200 |
parents | 70a8d52a8d00 |
children | 16cbfb3e7cd4 |
line wrap: on
line source
// // FAPWeb - Simple Web-based Demoparty Management System // Common JavaScript / AJAX code // (C) Copyright 2012-2014 Tecnic Software productions (TNSP) // var jsMessageBoxCancelCB = null, jsMessageBoxCBData = null, jsMessageBoxOKCB = null; function jsHandleMessageBoxKeys(ev) { ev = ev || window.event; var key = ev.keyCode ? ev.keyCode : ev.which; if (key == 27) { jsCloseMessageBox(jsMessageBoxCancelCB, jsMessageBoxCBData); return false; } else return true; } function jsCloseMessageBox(callback, cb_data) { var nitem = document.getElementById("messageBox"); if (nitem) { document.onkeydown = null; jsMessageBoxCancelCB = null; jsMessageBoxCBData = null; jsMessageBoxOKCB = null; if (nitem.style.display != "none") { nitem.style.display = "none"; if (callback && typeof(callback) === "function") callback(cb_data); } } } function jsMessageBox(msg) { var nitem = document.getElementById("messageBox"); if (nitem) { nitem.innerHTML = "<div class='messageBoxInner'>"+ msg + "<div class='messageBoxControls'>"+ "<input id='msgBoxConfirmClose' type='button' value=' OK '>"+ "</div></div>"; document.onkeydown = jsHandleMessageBoxKeys; jsMessageBoxCancelCB = null; jsMessageBoxCBData = null; jsMessageBoxOKCB = null; var elem = document.getElementById("msgBoxConfirmClose"); elem.onclick = function () { jsCloseMessageBox(0, 0); } nitem.style.display = "block"; } } function jsErrorMessageBox(msg) { jsMessageBox("<h1>An error occured</h1><div>"+msg+"</div>"); } function jsConfirmBox(msg, cb_ok, cb_cancel, cb_data) { var nitem = document.getElementById("messageBox"); if (nitem) { nitem.innerHTML = "<div class='messageBoxInner'><h1>Confirmation</h1><p>"+ msg +"</p>"+ "<div class='messageBoxControls'>"+ "<input id='msgBoxConfirmCancel' type='button' value=' Cancel '>"+ "<input id='msgBoxConfirmOK' type='button' value=' OK '>"+ "</div></div>"; document.onkeydown = jsHandleMessageBoxKeys; jsMessageBoxOKCB = cb_ok; jsMessageBoxCancelCB = cb_cancel; jsMessageBoxCBData = cb_data; var elem = document.getElementById("msgBoxConfirmCancel"); elem.onclick = function () { jsCloseMessageBox(cb_cancel, cb_data); } elem = document.getElementById("msgBoxConfirmOK"); elem.onclick = function () { jsCloseMessageBox(cb_ok, cb_data); } nitem.style.display = "block"; } } function jsStatusMsg(msg) { var nitem = document.getElementById("nstatus"); if (nitem) nstatus.innerHTML = msg; } function strtrim(str) { if (!str || str == null) return ""; return str.replace(/^\s+|\s+$/g,'') } function strencode(str) { return encodeURIComponent(str); } function jsCreateXMLRequest() { var req; if (window.XMLHttpRequest) { // Modern browsers req = new XMLHttpRequest(); } else { // Old IE versions req = new ActiveXObject("Microsoft.XMLHTTP"); } return req; } // // Function for creating AJAX POST request arguments list based // on fields and giving them specified types. Also basic check // for validity can be performed (e.g. field empty or not) // var lastPostArgs = Object(); function jsMakePostArgs(fields, fprefix, fsuffix, nofail) { var res = []; lastPostArgs = Object(); for (var id in fields) { var elname = fprefix + id + fsuffix; switch (fields[id]) { case 4: elname += "Sel"; break; } var elem = document.getElementById(elname); if (!elem && !nofail) { jsErrorMessageBox("No such DOM element '"+ elname +"'."); return ""; } if (elem) { switch (fields[id]) { case 1: var vstr = strtrim(elem.value); res.push(id+"="+strencode(vstr)); lastPostArgs[id] = vstr; break; case 2: var vint = parseInt(strtrim(elem.value)); res.push(id+"="+vint); lastPostArgs[id] = vint; break; case 3: res.push(id+"="+(elem.checked ? "1" : "0")); lastPostArgs[id] = elem.checked; break; case 4: var vval = (elem.selectedIndex != -1) ? elem.options[elem.selectedIndex].value : -1; res.push(id+"="+vval); lastPostArgs[id] = vval; break; default: jsErrorMessageBox("Unsupported field type in "+ elname); return ""; } } } return res.join("&"); } function jsGetValue(elname, eltype) { var elem = document.getElementById(elname); if (!elem) { jsErrorMessageBox("No such DOM element '"+ elname +"'."); return ""; } switch (eltype) { case 1: var vstr = strtrim(elem.value); return strencode(vstr); case 2: var vint = parseInt(strtrim(elem.value)); return vint; case 3: return elem.checked ? "1" : "0"; case 4: if (elem.selectedIndex != -1) return elem.options[elem.selectedIndex].value; else return null; default: jsErrorMessageBox("Unsupported field type in "+ elname); return ""; } } function jsShowPreviewImage(file) { var nitem = document.getElementById("messageBox"); if (nitem) { nitem.innerHTML = "<div class='imageBoxInner'>"+ "<img src='"+file+"' alt='"+file+"' />"+ "</div>"; var elem = document.getElementById("messageBox"); elem.onclick = function () { jsCloseMessageBox(0, 0); } nitem.style.display = "block"; return false; } return true; } function jsFormatSize(bytes) { var suffixes = ["Bytes", "KiB", "MiB"]; var i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024))); return (bytes / Math.pow(1024, i)).toFixed(1) +' '+ suffixes[i]; } function jsStartFileUpload(formID, formTarget, fileSelID, fileMaxSize, fileCallback) { var formFile = document.getElementById(fileSelID).files[0]; if (!formFile || typeof(formFile) !== "object") { jsErrorMessageBox("No file selected."); return; } if (formFile.size > fileMaxSize) { jsErrorMessageBox("File size exceeds "+ jsFormatSize(maxSize) +"."); return; } var formElem = document.getElementById(formID); if (!formElem) { jsErrorMessageBox("File upload form '"+ formID +"' element not found!"); return; } var formData = new FormData(formElem); var req = jsCreateXMLRequest(); req.upload.addEventListener('progress', jsUploadProgress, false); req.addEventListener('load', function(e) { }, false); req.addEventListener('error', jsUploadError, false); req.addEventListener('abort', jsUploadAbort, false); req.open('POST', formTarget); req.send(formData); } function jsUploadProgress(e) { if (e.lengthComputable) { var complete = Math.round(e.loaded * 100 / e.total); if (complete < 100) jsStatusMsg("Uploaded "+ complete.toString() +'%, '+ jsFormatSize(e.loaded)); else jsStatusMsg("Upload finished ..."); } } function jsUploadError(e) { jsErrorMessageBox("Error occured while uploading: "); } function jsUploadAbort(e) { jsStatusMsg("File upload aborted."); }