id prefixes

1 files changed, 24 insertions, 23 deletions

diff --git a/js/record.js b/js/record.js
index 9fd1de4..2c49987 100644
--- a/js/record.js
+++ b/js/record.js
@@ -1,5 +1,5 @@
 (function(){
-  if (document.getElementById("gif-recorder")) return;
+  if ($("gif-recorder")) return;
 
   var canvases = document.getElementsByTagName("canvas")
   if (canvases.length == 0) { alert("no canvas found"); return; }
@@ -25,7 +25,7 @@
     document.body.style.height = "100%"
     document.body.parentNode.style.width = "100%"
     document.body.parentNode.style.height = "100%"
-    // var template = document.getElementById("template").innerHTML
+    // var template = $("template").innerHTML
     var el = document.createElement("div")
     el.id = "gif-recorder"
     // el.innerHTML = template
@@ -34,15 +34,15 @@
     bind()
   }
   function bind(){
-    curtain = document.getElementById("curtain")
-    outline = document.getElementById("outline")
-    controls = document.getElementById("controls")
-    w_el = document.getElementById("w_el")
-    h_el = document.getElementById("h_el")
-    x_el = document.getElementById("x_el")
-    y_el = document.getElementById("y_el")
-    document.getElementById("record").addEventListener("click", record, false)
-    document.getElementById("save").addEventListener("click", save, false)
+    curtain = $("curtain")
+    outline = $("outline")
+    controls = $("controls")
+    w_el = $("w_el")
+    h_el = $("h_el")
+    x_el = $("x_el")
+    y_el = $("y_el")
+    $("record").addEventListener("click", record, false)
+    $("save").addEventListener("click", save, false)
     curtain.addEventListener("mousedown", box_start, false)
     curtain.addEventListener("mousemove", box_size, false)
     curtain.addEventListener("mouseup", box_end, false)
@@ -100,16 +100,16 @@
     e.preventDefault()
     dragging = false
     controls.style.display = "block"
-    document.getElementById("record").focus()
+    $("record").focus()
   }
-  function _int(el){ return parseInt(typeof el == "string" ? document.getElementById(el).value : el.value) }
-  function _float(el){ return parseFloat(typeof el == "string" ? document.getElementById(el).value : el.value) }
-  function show(id){ document.getElementById(id).style.display="block" }
-  function hide(id){ document.getElementById(id).style.display="none" }
-  function enable(id){ document.getElementById(id).removeAttribute("disabled") }
-  function disable(id){ document.getElementById(id).setAttribute("disabled","disabled") }
-  function clickable(id){ document.getElementById(id).style.pointerEvents = "auto" }
-  function unclickable(id){ document.getElementById(id).style.pointerEvents = "none" }
+  function _int(el){ return parseInt(typeof el == "string" ? $(el).value : el.value) }
+  function _float(el){ return parseFloat(typeof el == "string" ? $(el).value : el.value) }
+  function show(id){ $(id).style.display="block" }
+  function hide(id){ $(id).style.display="none" }
+  function enable(id){ $(id).removeAttribute("disabled") }
+  function disable(id){ $(id).setAttribute("disabled","disabled") }
+  function clickable(id){ $(id).style.pointerEvents = "auto" }
+  function unclickable(id){ $(id).style.pointerEvents = "none" }
   function px(n){ return (~~n) + "px" }
   function record(e){
     e.stopPropagation()
@@ -183,8 +183,9 @@
       throw e
     }
   }
+  function $(s){ return document.getElementById(s) }
   function status(s){
-    document.getElementById("status").innerHTML = s
+    $("status").innerHTML = s
   }
   function encoded_frame(done,count){
     status("encoded " + done + " / " + count)
@@ -195,8 +196,8 @@
   function rendered_url(url){
     var image = new Image ()
     lastGif = image.src = url
-    document.getElementById("preview").innerHTML = ""
-    document.getElementById("preview").appendChild(image)
+    $("preview").innerHTML = ""
+    $("preview").appendChild(image)
     rendering = false
     enable("record")
     enable("save")