docs: move javascript logic into a standalone file

Instead of duplicating javascript in every single page, put it in a standalone file which can be cached by the browser. Reviewed-by: N Andrea Bolognani <abologna@redhat.com> Signed-off-by: N Daniel P. Berrangé <berrange@redhat.com>

docs: move javascript logic into a standalone file
Instead of duplicating javascript in every single page, put it in a standalone file which can be cached by the browser. Reviewed-by: N Andrea Bolognani <abologna@redhat.com> Signed-off-by: N Daniel P. Berrangé <berrange@redhat.com>
97e743ac · Daniel P. Berrangé · db3d4f96 · 97e743ac · 97e743ac · 97e743ac
隐藏空白更改
内联并排

Showing with 29 addition and 32 deletion

docs/Makefile.am docs/Makefile.am +1 -0

docs/js/main.js docs/js/main.js +25 -0

docs/page.xsl docs/page.xsl +3 -32

未找到文件。
--- a/docs/Makefile.am
+++ b/docs/Makefile.am
@@ -56,6 +56,7 @@ css = \
  main.css
 javascript = \
+  js/main.js \
  js/jquery-3.1.1.min.js \
  js/jquery.rss.min.js \
  js/moment.min.js

--- a/docs/js/main.js
+++ b/docs/js/main.js
+function pageload() {
+    window.addEventListener('scroll', function(e){
+        var distanceY = window.pageYOffset || document.documentElement.scrollTop
+        var shrinkOn = 94
+        home = document.getElementById("home");
+        links = document.getElementById("jumplinks");
+        search = document.getElementById("search");
+        body = document.getElementById("body");
+        if (distanceY > shrinkOn) {
+            if (home.className != "navhide") {
+                body.className = "navhide"
+                home.className = "navhide"
+                links.className = "navhide"
+                search.className = "navhide"
+            }
+        } else {
+            if (home.className == "navhide") {
+                body.className = ""
+                home.className = ""
+                links.className = ""
+                search.className = ""
+            }
+        }
+    });
+}
--- a/docs/page.xsl
+++ b/docs/page.xsl
@@ -99,40 +99,11 @@
        <meta name="description" content="libvirt, virtualization, virtualization API"/>
        <xsl:apply-templates select="/html:html/html:head/*" mode="content"/>
-        <script type="text/javascript">
+        <script type="text/javascript" src="{$href_base}js/main.js">
-          <xsl:comment>
+          <xsl:comment>// forces non-empty element</xsl:comment>
-          <![CDATA[
-      function init() {
-          window.addEventListener('scroll', function(e){
-              var distanceY = window.pageYOffset || document.documentElement.scrollTop,
-              shrinkOn = 94
-              home = document.getElementById("home");
-              links = document.getElementById("jumplinks");
-              search = document.getElementById("search");
-              body = document.getElementById("body");
-              if (distanceY > shrinkOn) {
-                  if (home.className != "navhide") {
-                      body.className = "navhide"
-                      home.className = "navhide"
-                      links.className = "navhide"
-                      search.className = "navhide"
-                  }
-              } else {
-                  if (home.className == "navhide") {
-                      body.className = ""
-                      home.className = ""
-                      links.className = ""
-                      search.className = ""
-                  }
-              }
-          });
-      }
-      window.onload = init();
-           ]]>
-          </xsl:comment>
        </script>
      </head>
-      <body>
+      <body onload="pageload()">
        <xsl:if test="html:html/html:body/@class">
          <xsl:attribute name="class">
            <xsl:value-of select="html:html/html:body/@class"/>