The HTML Reference Reloaded

After working sometime with the HTML version of the reference on BDN. I was missing quite some features (search, collapsible dynamic tree, bookmarking). This brought me on the idea to 'enhance' it using Backbase.

So I did the following without changing any of the original files:

  1. Created my own index file and got rid of the <frame> tags.
  2. Loaded the TOC tree in an variable as XML
  3. Created a dynamic render tree depending on the XML (using the 'open' / 'close' events)
  4. Added a handler on select of a tree item loading a contents file
  5. Adding a onclick handler to every <a href=""> tag in dynamically loaded contents file
  6. Added bookmarking to the select handlers of the tree, enabling back/forward button
  7. Added search functionality which uses browser native XPath to search the TOC

The final result?

Click Here

P.S. The search is case-sensitive and spaces do matter, only use simple words, like: DOMNodeInserted