Extensions Docs Server: Highlight links on left nav

chrome/common/extensions/docs/server2/static/js/sidebar.js

 // Copyright (c) 2012 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 (function() {
   /**
    * Toggles the display of nodes given the status of their associated controls.
    *
    * For each node passed to this function, check to see if a toggle has been
    * inserted into the node's parent.  If yes, change the state of the toggle
@@ skipping 40 matching lines @@
    * toggle control is clicked, any <ul> elements who are siblings of the
    * control are hidden/revealed as appropriate given the control's state.
    *
    * If a list item possesses the class "leftNavSelected" its ancestor <ul> is
    * revealed by default (it represents the current page).
    */
   function initSidebar() {
     var toc = document.getElementById('gc-toc');
     if (!toc)
       return;
+
+    // Figure out which link matches the current page so it can be styled
+    // differently.
+    var links = toc.getElementsByTagName('a');
+    var selectedNode = null;
+    var path_parts = document.location.pathname.split('/')

[not at google - send to devlin, 2012/08/14 04:07:20]

what about if the path ends with some number of /s.

[cduvall, 2012/08/14 18:23:22]

Done.

+    for (var i = 0; i < links.length; i++) {
+      if (links[i].getAttribute('href') != path_parts[path_parts.length - 1])
+        continue;
+      links[i].className = 'leftNavSelected';
+      links[i].removeAttribute('href');
+      selectedNode = links[i];
+    }
+
+    // Go through the items on the sidebar and add toggles.
     var items = toc.getElementsByTagName('li');
-    var selectedNode = null;
     for (var i = 0; i < items.length; i++) {
       var item = items[i];
-      if (item.className == 'leftNavSelected') {
-        selectedNode = item;
-      } else if (item.firstChild &&
-                 item.firstChild.tagName == 'SPAN') {
-        // Only assign toggles to text nodes in the sidebar.
-        var a = document.createElement('a');
-        a.className = 'toggle selected';
-        a.appendChild(document.createTextNode(' '));
-        a.onclick = function() {
-          toggleList(this.parentNode.getElementsByTagName('ul'));
-        };
-        item.firstChild.onclick = function() {
-          toggleList(this.parentNode.getElementsByTagName('ul'));
-        };
-        item.insertBefore(a, item.firstChild);
-        toggleList(item.getElementsByTagName('ul'));
-      }
+      if (!item.firstChild || item.firstChild.tagName != 'SPAN')
+        continue;
+      // Only assign toggles to text nodes in the sidebar.
+      var a = document.createElement('a');
+      a.className = 'toggle selected';
+      a.appendChild(document.createTextNode(' '));
+      a.onclick = function() {
+        toggleList(this.parentNode.getElementsByTagName('ul'));
+      };
+      item.firstChild.onclick = function() {
+        toggleList(this.parentNode.getElementsByTagName('ul'));
+      };
+      item.insertBefore(a, item.firstChild);
+      toggleList(item.getElementsByTagName('ul'));
     }
-    if (selectedNode) {
+
+    // Reveal the selected link.
+    if (selectedNode)
       revealAncestor(selectedNode);
-    }
   };
 
   initSidebar();
 })()