Create/Migrate launchDisqus function in pure JS

somnisomni · Nov 25, 2022 · 2e15275 · 2e15275
1 parent 5a60894
commit 2e15275
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 12 deletions.
diff --git a/assets/js/script.js b/assets/js/script.js
diff --git a/post.hbs b/post.hbs
@@ -187,17 +187,7 @@
 	  });
 
 		{{#if @custom.disqus_shortname}}
-			var disqus = '{{@custom.disqus_shortname}}';
-	    function launchDisqus() {
-	      $.ajax({
-	        type: "GET",
-	        url: "//" + disqus + ".disqus.com/embed.js",
-	        dataType: "script",
-	        cache: true
-	      });
-	      $(this).parent().addClass('activated');
-	    }
-			launchDisqus();
+			launchDisqus("{{@custom.disqus_shortname}}");
 		{{/if}}
   });
 </script>

diff --git a/src/js/script.js b/src/js/script.js
@@ -138,3 +138,12 @@
   $ael(window, "resize", parallax);
   $ael(window, "orientationchange", parallax);
 })();
+
+/* === Functions callable from outside === */
+function launchDisqus(disqusShortname) {
+  const disqusScript = document.createElement("script");
+  disqusScript.src = `//${disqusShortname}.disqus.com/embed.js`;
+  disqusScript.async = true;
+  disqusScript.defer = true;
+  document.body.append(disqusScript);
+}