Reworked Gang UI

utils/HelperFunctions.js

@@ -47,6 +47,12 @@ function removeElementById(id) {
     elem.parentNode.removeChild(elem);
 }
 
+function removeElement(elem) {
+    if (elem == null) {return;}
+    while(elem.firstChild) {elem.removeChild(elem.firstChild);}
+    elem.parentNode.removeChild(elem);
+}
+
 function removeChildrenFromElement(el) {
     if (isString(el)) {
         el = document.getElementById(el);
@@ -106,6 +112,9 @@ function createElement(type, params) {
     if (params.changeListener) {
         el.addEventListener("change", params.changeListener);
     }
+    if (params.onkeyup) {
+        el.addEventListener("keyup", params.onkeyup);
+    }
     return el;
 }
 
@@ -127,7 +136,6 @@ function createPopup(id, elems) {
 }
 
 //Creates both the header and panel element of an accordion and sets the click handler
-//Returns the 'li' element that contains the hedaer and panel
 function createAccordionElement(params) {
     var li = document.createElement("li"),
         hdr = document.createElement("button"),
@@ -153,7 +161,7 @@ function createAccordionElement(params) {
             tmpPanel.style.display = "block";
         }
     }
-    return li;
+    return [li, hdr, panel];
 }
 
 function clearSelector(selector) {
@@ -192,5 +200,5 @@ function powerOfTwo(n) {
 
 export {sizeOfObject, addOffset, clearEventListeners, getRandomInt,
         compareArrays, printArray, powerOfTwo, clearEventListenersEl,
-        removeElementById, createElement, createAccordionElement,
+        removeElementById, removeElement, createElement, createAccordionElement,
         removeChildrenFromElement, createPopup, clearSelector};