diff options
Diffstat (limited to 'assets/main.js')
-rw-r--r-- | assets/main.js | 39 |
1 files changed, 39 insertions, 0 deletions
diff --git a/assets/main.js b/assets/main.js new file mode 100644 index 0000000..46cb7ee --- /dev/null +++ b/assets/main.js | |||
@@ -0,0 +1,39 @@ | |||
1 | "use strict"; | ||
2 | var linkQryEls = document.getElementsByClassName('link--QRY'); | ||
3 | var i = linkQryEls.length; | ||
4 | while (i--) { | ||
5 | linkQryEls[i].addEventListener('click', function (e) { | ||
6 | e.preventDefault(); | ||
7 | var resp = prompt('Please enter required input: ', ''); | ||
8 | if ((resp !== null) && (resp !== "")) { | ||
9 | window.location.href = e.target.href + '?' + resp; | ||
10 | } | ||
11 | return false; | ||
12 | }); | ||
13 | } | ||
14 | var imgPreviewEls = document.getElementsByClassName('img-preview'); | ||
15 | i = imgPreviewEls.length; | ||
16 | var _loop_1 = function () { | ||
17 | var imgPreviewEl = imgPreviewEls[i]; | ||
18 | var child = imgPreviewEl.children[0]; | ||
19 | var thumbnailUrl = child.src; | ||
20 | child.addEventListener('load', function (e) { | ||
21 | child.classList.remove('faded'); | ||
22 | }); | ||
23 | imgPreviewEls[i].addEventListener('click', function (e) { | ||
24 | e.preventDefault(); | ||
25 | child.classList.add('faded'); | ||
26 | if (child.classList.contains('expanded')) { | ||
27 | child.classList.remove('expanded'); | ||
28 | child.src = thumbnailUrl; | ||
29 | } | ||
30 | else { | ||
31 | child.classList.add('expanded'); | ||
32 | child.src = imgPreviewEl.href; | ||
33 | } | ||
34 | return false; | ||
35 | }); | ||
36 | }; | ||
37 | while (i--) { | ||
38 | _loop_1(); | ||
39 | } | ||