Changeset 31416 for main/trunk/greenstone3/web/interfaces/default

Timestamp:

2017-02-15T03:56:51+13:00 (7 years ago)

Author:

Georgiy Litvinov

Message:

JS code for links between sections.

Location:

main/trunk/greenstone3/web/interfaces/default

Files:

• js/document_scripts.js (modified) (1 diff)
• transform/pages/document.xsl (modified) (1 diff)

main/trunk/greenstone3/web/interfaces/default/js/document_scripts.js

@@ -310 +310 @@
     }
 }
-
+function focusAnchor(sectionID, level, tocDisabled, anchor)
+{
+    if(!level)
+    {
+        level = 0;
+    }
+    var parts = sectionID.split(".");
+    if(level >= parts.length)
+    {
+        var target = document.getElementById(anchor);
+        if (!target){
+            target = document.getElementsByName(anchor)[0];
+        }
+        var topVal = $(target).offset().top - 50;
+        $('html, body').stop().animate({scrollTop: topVal}, 1000);
+        window.location.hash = anchor;
+        return;
+    }
+    
+    var idToExpand = "";
+    for(var i = 0; i < level + 1; i++)
+    {
+        if(i > 0)
+        {
+            idToExpand += ".";
+        }
+    
+        idToExpand += parts[i];
+    }
+    
+    if(!isSectionExpanded(idToExpand))
+    {
+        toggleSection(idToExpand, function(success)
+        {
+            if(success)
+            {
+                focusAnchor(sectionID, level + 1, tocDisabled, anchor);
+            }
+        }, tocDisabled);
+    }
+    else
+    {
+        focusAnchor(sectionID, level + 1, tocDisabled, anchor);
+    }
+}
 function expandOrCollapseAll(expand)
 {

main/trunk/greenstone3/web/interfaces/default/transform/pages/document.xsl

@@ -239 +239 @@
     <xsl:template name="javascriptForDocumentView">
         <script type="text/javascript" src="interfaces/{$interface_name}/js/document_scripts.js"><xsl:text> </xsl:text></script>
+        <script type="text/javascript">
+            <xsl:text disable-output-escaping="yes">
+                function goToAnchor(sectionID,anchor)
+                    {
+                        var docIdentifier = '</xsl:text><xsl:value-of select="//documentNode[@nodeType = 'root']/@nodeID"/><xsl:text disable-output-escaping="yes">';
+                        focusAnchor(docIdentifier + "."+ sectionID,0,1,anchor);
+                    }
+            </xsl:text>
+        </script>
         </xsl:template>
     <xsl:template name="javascriptForDocumentEditing">