]> git.scottworley.com Git - nt3d/commitdiff
A tiny bit of UI shiny: fade-in download link
authorScott Worley <ScottWorley@ScottWorley.com>
Tue, 18 Dec 2012 06:15:43 +0000 (22:15 -0800)
committerScott Worley <ScottWorley@ScottWorley.com>
Tue, 18 Dec 2012 06:15:43 +0000 (22:15 -0800)
This helps call attention to it after re-generating the model
with different parameters, letting you know that something changed.

nt3d.js

diff --git a/nt3d.js b/nt3d.js
index 878ee43b34d9b66f32ddc13b14b682f6255498a9..f22d6763b6024a82e96e2a8c836ab47269c826da 100644 (file)
--- a/nt3d.js
+++ b/nt3d.js
@@ -77,9 +77,11 @@ nt3d = {
                var download_link = document.createElement("a");
                download_link.appendChild(document.createTextNode("Download!"));
                download_link.setAttribute("id", "nt3d_download");
                var download_link = document.createElement("a");
                download_link.appendChild(document.createTextNode("Download!"));
                download_link.setAttribute("id", "nt3d_download");
+               download_link.setAttribute("style", "background-color: blue");
                download_link.setAttribute("download", this.user_function.name + ".stl");
                download_link.setAttribute("href", "data:application/sla," + encodeURIComponent(this.stl));
                this.ui.appendChild(download_link);
                download_link.setAttribute("download", this.user_function.name + ".stl");
                download_link.setAttribute("href", "data:application/sla," + encodeURIComponent(this.stl));
                this.ui.appendChild(download_link);
+               setTimeout(function() { download_link.setAttribute("style", "-webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; -o-transition: background-color 0.4s; -ms-transition: background-color 0.4s; transition: background-color 0.4s; background-color: inherit"); }, 0);
        },
        framework: function (f, params) {
                this.user_function = f;
        },
        framework: function (f, params) {
                this.user_function = f;