Changeset 36371 for documented-examples/trunk/style-e/script/custom-script.js

Timestamp:

2022-08-14T17:29:18+12:00 (21 months ago)

Author:

anupama

Message:

Updates to the GS3 style-e collection, with the new styles and changed the javascript so it's better suited for switching between styles without breaking too much.

File:

• documented-examples/trunk/style-e/script/custom-script.js (modified) (2 diffs)

documented-examples/trunk/style-e/script/custom-script.js

@@ +1 @@
+function replaceStyle(stylesheet) {
+    //alert("In custom-sript.js::ReplaceStyle()");
+    var body = document.getElementsByTagName('body')[0];
+    var linkEl = document.getElementById("custom-style");
+    var href = linkEl.getAttribute("href");
+    var lastSlashIndex = href.lastIndexOf("/");
+    var hrefPrefix = href.substring(0, lastSlashIndex);
+
+    href = hrefPrefix + "/" + stylesheet + ".css";
+    linkEl.setAttribute("href", href);
+
+    
+    // https://techstacker.com/how-to-remove-all-css-from-site-with-javascript/
+    if(stylesheet == "") { /* gs3-style-red */
+        document
+        .querySelectorAll('style,link[rel="stylesheet"]')
+        .forEach(item => item.remove())
+        
+        // https://code-boxx.com/dynamically-load-replace-css/
+        //document.head.appendChild(linkEl);
+    }   
+  
+    //reloadCss(); // https://stackoverflow.com/questions/2024486/is-there-an-easy-way-to-reload-css-without-reloading-the-page
+}
+
+
 // This function copied from extra.dm of style-e DEC collection
 // It changes the current stylesheet to the named one of parameter
 function SetStyle(stylename) {
+    //alert("In custom-sript.js::SetStyle()");
   var body = document.getElementsByTagName('body')[0];
   body.style.backgroundImage = "";
@@ -15 +42 @@
   }
 }
+