js: Create the puzzle resize handle only if the puzzle is resizable

If there's no resizable div to attach it to, there's not much point in
creating the handle and the doing nothing with it.

1 files changed, 8 insertions, 8 deletions

diff --git a/emccpre.js b/emccpre.js
index 666d37d..78e949e 100644
--- a/emccpre.js
+++ b/emccpre.js
@@ -447,11 +447,13 @@ function initPuzzle() {
     permalink_desc = document.getElementById("permalink-desc");
     permalink_seed = document.getElementById("permalink-seed");
 
-    // Create the resize handle.
-    var resize_handle = document.createElement("canvas");
-    resize_handle.width = 10;
-    resize_handle.height = 10;
-    {
+    resizable_div = document.getElementById("resizable");
+    if (resizable_div !== null) {
+        // Create the resize handle.
+        var resize_handle = document.createElement("canvas");
+        resize_handle.width = 10;
+        resize_handle.height = 10;
+
         var ctx = resize_handle.getContext("2d");
         ctx.beginPath();
         for (var i = 1; i <= 7; i += 3) {
@@ -463,9 +465,7 @@ function initPuzzle() {
         ctx.lineJoin = 'round';
         ctx.strokeStyle = '#000000';
         ctx.stroke();
-    }
-    resizable_div = document.getElementById("resizable");
-    if (resizable_div !== null) {
+
         resizable_div.appendChild(resize_handle);
         resize_handle.id = "resizehandle";
         resize_handle.title = "Drag to resize the puzzle. Right-click to restore the default size.";