use static elements

htdocs/lib/FrequencyDisplay.js

@@ -1,13 +1,16 @@
 function FrequencyDisplay(element) {
     this.element = $(element);
     this.digits = [];
+    this.setupElements();
+    this.setFrequency(0);
+}
+
+FrequencyDisplay.prototype.setupElements = function() {
     this.displayContainer = $('<div>');
     this.digitContainer = $('<span>');
     this.displayContainer.html([this.digitContainer, $('<span> MHz</span>')]);
     this.element.html(this.displayContainer);
-    this.decimalSeparator = (0.1).toLocaleString().substring(1, 2);
-    this.setFrequency(0);
-}
+};
 
 FrequencyDisplay.prototype.setFrequency = function(freq) {
     this.frequency = freq;
@@ -38,8 +41,17 @@ function TuneableFrequencyDisplay(element) {
 
 TuneableFrequencyDisplay.prototype = new FrequencyDisplay();
 
+TuneableFrequencyDisplay.prototype.setupElements = function() {
+    FrequencyDisplay.prototype.setupElements.call(this);
+    this.input = $('<input>');
+    this.input.hide();
+    this.element.append(this.input);
+};
+
 TuneableFrequencyDisplay.prototype.setupEvents = function() {
     var me = this;
+    me.listeners = [];
+
     me.element.on('wheel', function(e){
         e.preventDefault();
         e.stopPropagation();
@@ -55,32 +67,31 @@ TuneableFrequencyDisplay.prototype.setupEvents = function() {
             l(newFrequency);
         });
     });
-    me.listeners = [];
+
+    var submit = function(){
+        var freq = parseInt(me.input.val());
+        if (!isNaN(freq)) {
+            me.listeners.forEach(function(l) {
+                l(freq);
+            });
+        }
+        me.input.hide();
+        me.displayContainer.show();
+    };
+    me.input.on('blur', submit).on('keyup', function(e){
+        if (e.keyCode == 13) return submit();
+    });
+    me.input.on('click', function(e){
+        e.stopPropagation();
+    });
     me.element.on('click', function(){
-        var input = $('<input>');
-        var submit = function(){
-            var freq = parseInt(input.val());
-            if (!isNaN(freq)) {
-                me.listeners.forEach(function(l) {
-                    l(freq);
-                });
-            }
-            input.remove();
-            me.displayContainer.show();
-        };
-        input.on('blur', submit).on('keyup', function(e){
-            if (e.keyCode == 13) return submit();
-        });
-        input.on('click', function(e){
-            e.stopPropagation();
-        });
-        input.val(me.frequency);
+        me.input.val(me.frequency);
+        me.input.show();
         me.displayContainer.hide();
-        me.element.append(input);
-        input.focus();
+        me.input.focus();
     });
 };
 
 TuneableFrequencyDisplay.prototype.onFrequencyChange = function(listener){
     this.listeners.push(listener);
-};
+};