Add keyboard shortcuts

Zarkonnen · Nov 30, 2020 · 84905a5 · 84905a5
1 parent e71f6c1
commit 84905a5
Showing 1 changed file with 21 additions and 6 deletions.
diff --git a/index.html b/index.html
@@ -54,12 +54,28 @@
 <div id="DownloadDiv" style="width: 100% !important; position: absolute;">
 
 
-<a download="planet.txt" id="downloadText" class="button"><img src="download-text.png"><div class="tooltip">Download Text</div></a>
-<a download="Planet.png" id="download" onmouseover="writeImageData();" class="button"><img src="download-image.png"><div class="tooltip">Download Image</div></a>
-<a id="mapSwitch" class="button" onclick="doMapSwitch();"><img src="map.png"><div class="tooltip">Switch to Map</div></a>
-<a id="setID" class="button" onclick="setID();"><img src="id.png"><div class="tooltip">View/Set ID</div></a>
-<a id="nextPlanet" class="button" onclick="genFromRandomID();"><img src="next.png"><div class="tooltip">Random New Planet</div></a>
+<a download="planet.txt" id="downloadText" class="button"><img src="download-text.png"><div class="tooltip">Download Text (T)</div></a>
+<a download="Planet.png" id="download" onmouseover="writeImageData();" class="button"><img src="download-image.png"><div class="tooltip">Download Image (D)</div></a>
+<a id="mapSwitch" class="button" onclick="doMapSwitch();"><img src="map.png"><div class="tooltip">Switch to Map (M)</div></a>
+<a id="setID" class="button" onclick="setID();"><img src="id.png"><div class="tooltip">View/Set ID (I)</div></a>
+<a id="nextPlanet" class="button" onclick="genFromRandomID();"><img src="next.png"><div class="tooltip">Random New Planet (R)</div></a>
 
+<script>
+$(document).keydown(function(e){
+  if (e.keyCode==84){ // T
+    document.getElementById("downloadText").click();
+  }else if (e.keyCode==68){ // D
+    writeImageData();
+    document.getElementById("download").click();
+  }else if (e.keyCode==77){ // M
+    document.getElementById("mapSwitch").click(); 
+  }else if (e.keyCode==73){ // I
+    document.getElementById("setID").click(); 
+  }else if (e.keyCode==82){ // R
+    document.getElementById("nextPlanet").click(); 
+  }
+});
+</script>
 
     </br>
 </div>
@@ -964,7 +980,6 @@
 	document.getElementById("mapSwitch").innerHTML = doRenderMap ? '<img src="planet.png">' : '<img src="map.png">';
 }
 
-
 </script>