From: Scott Worley Date: Tue, 18 Dec 2012 06:15:43 +0000 (-0800) Subject: A tiny bit of UI shiny: fade-in download link X-Git-Url: http://git.scottworley.com/nt3d/commitdiff_plain/4eea5cbf56ef47679df35e618980cf5596facba6?ds=sidebyside A tiny bit of UI shiny: fade-in download link This helps call attention to it after re-generating the model with different parameters, letting you know that something changed. --- diff --git a/nt3d.js b/nt3d.js index 878ee43..f22d676 100644 --- 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"); + 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); + 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;