From 04d10120da319b839d0ac160e4f2b4669181dfd4 Mon Sep 17 00:00:00 2001 From: Marek Baczynski Date: Fri, 9 Nov 2018 23:28:55 +0100 Subject: [PATCH] map X Y coordinate generator for making new locations --- parts/static/script.js | 20 ++++++++++++++++++++ parts/test.html | 20 ++++++++++++++++++++ 2 files changed, 40 insertions(+) create mode 100644 parts/test.html diff --git a/parts/static/script.js b/parts/static/script.js index 94da536..f120cbd 100644 --- a/parts/static/script.js +++ b/parts/static/script.js @@ -270,3 +270,23 @@ $(document).ready(function() { perform_query(); }); }); + +$(document).ready(function() { + $("#clickablemap").on("click", function(event) { + var $img = $(this); + var currentClickPosX = event.pageX - $img.offset().left; + var currentClickPosY = event.pageY - $img.offset().top; + + var currentWidth = $img.width(); + var currentHeight = $img.height(); + + var naturalWidth = this.naturalWidth; + var naturalHeight = this.naturalHeight; + + var correctX = ((naturalWidth / currentWidth) * currentClickPosX).toFixed(0); + var correctY = ((naturalHeight / currentHeight) * currentClickPosY).toFixed(0); + + $("#mapURL").html("elab.png?x=" + correctX + "&y=" + correctY); + $("#clickablemap").attr("src", "http://127.0.0.1:5000/parts/map/elab.png?x=" + correctX + "&y=" + correctY); + }); +}); \ No newline at end of file diff --git a/parts/test.html b/parts/test.html new file mode 100644 index 0000000..d185757 --- /dev/null +++ b/parts/test.html @@ -0,0 +1,20 @@ + + + + + ELAB Part Search Engine + + + + + + + +
unknown.png
+
+ + + \ No newline at end of file