Recent Changes - Search:

PmWiki

pmwiki.org

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Test /

Quicktoc


(click to open)

Quick Page Table of Contents

Scanning...

Summary: Adds a dropdown clickable table of contents to a page - client side processing Version: 1.12, September 4, 2006 Status: Stable Prerequisites: pmwiki 2.1 and above Maintainer: Henrik Bechmann (henrik [period] bechmann [snail] sympatico [period] ca) Categories: Markup, TOC, Layout Download: Attach:quicktoc.zip

Questions answered by this recipe

(click to open)

Quick Page Table of Contents

Scanning...

How to add an automatic table of contents to a wiki page.

Description

This is DHTML (css/html/javascript). The author adds (:quicktoc:) to the wiki source text. The reader sees a collapsed table of contents bar. When the user clicks the bar, the javascript included in the page searches the immediate children of div#wikitext for header elements (h1, h2, h3, h4, h5, h6), and lists these as page links. The table of contents drops over page text, rather than displacing it, and is dismissed when it is clicked.

Example:

Quick Page Table of Contents as first presented to the user:

Attach:quicktocclosed.jpg Δ


Quick Page Table of Contents after the user clicks on the bar:

Attach:quicktocopen.jpg Δ


Try it yourself here

Notes

Installation
  1. Download the attached file (Attach:quicktoc.zip) to your PmWiki root directory (the one just above cookbook and pub directories). Unzip it. This should result in the following distribution: quicktoc.php in cookbook/; and arrowdown.gif, arrowright.gif, disc.gif, quicktoc.css, and quicktoc.js in pub/quicktoc/.
  2. Add the following line to your config.php file: include_once('cookbook/quicktoc.php');
Usage

Add the directive (:quicktoc:) to any wikipage that would benefit from a quick table of contents, usually at the top (the toc floats right).

Release Notes

Version 1.12 Fourth release, September 4, 2006. Modified javascript and css to remove need to specify url for dynamic change to down/right arrow on open/close.

Version 1.11 Third release, August 31, 2006. Repackaged the PmWiki way, much simplifying installation (thanks to Patrick Michaud for direction on this). Added default font size of 9pt.

Version 1.1 Second release, August 30, 2006: menu drops down over text, and is dismissed when clicked anywhere. Top level headings are bolded. TOC title includes "click to open" when closed, and "click to close" when open.

Version 1.0 First release, June 10, 2006

Comments

I installed quicktoc (Sept-06) in PmWiki2?.1.26 and seem to have one anomaly. On this demo page, the dropdown appears as a one-line option with Quick Page Table of Contents followed by (Click to Open) in a box with a grey background.

On my wiki, the quicktoc function operates as expected, but the dropdown box appears on 2 lines. On the first line, the (Click to Open) option appears right justified on the upper line, with a white background, while the Quick Page Table of Contents appears on the lower line, left justifed and with a grey background.

Formatting is the same using Explorer or Firefox Des September 16, 2006, at 03:07 PM

  • Just experimented and found a quick fix for myself. Added clear:none to the css for h1#quicktocheading but this may not be the ideal fix. Des September 16, 2006, at 03:07 PM
  • I changed in the file quicktoc.php and quicktoc.css "h1" to "h4" and all was fine! January 10, 2007, at 09:07 AM

Also, after comparing the operation on my test page http://www.secretscotland.org.uk/index.php/Secrets/AABatteriesClyde with this page, I've also noticed that the vertical aligment of the header content differs AND this demo page does not display the right or down arrow in the header dropdown, but it does appear on my own page. Des September 16, 2006, at 03:14 PM

See Also

Cookbook /
Accordion  lightweight Accordion javascript requiring no framework (new)
AutoTOC  Unobtrusive Automatic Table of Contents links (beta)
HandyTableOfContents  Handy Client-side Table of Contents (stable)
NumberedHeaders  Display numbered headers, indented paragraphs and table of contents (Stable)
PageTableOfContents  Adds a clickable table of contents to a page (Stable)
QuickPageTableOfContents  Adds a dropdown clickable table of contents to a page - client side processing (Stable)
SlimTableOfContents  Simple or Numbered Table of Contents, Compatible with SectionEdit? Recipe (working)
TableOfContentsPortion  Inserts a portion of external table of contents into the page (Alpha)

Contributors
Edit - History - Print - Recent Changes - Search
Page last modified on September 10, 2011, at 12:03 PM
 0: 00.00 00.00 config start
 1: 00.00 00.00 config end
 2: 00.05 00.05 MarkupToHTML begin
 3: 00.11 00.10 ReadApprovedUrls SiteAdmin.ApprovedUrls begin
 4: 00.12 00.11 ReadApprovedUrls SiteAdmin.ApprovedUrls end
 5: 00.20 00.19 FPLTemplate: Chain begin
 6: 00.20 00.19 FPLTemplate: FPLTemplateLoad
 7: 00.21 00.20 FPLTemplate: FPLTemplateDefaults
 8: 00.21 00.20 FPLTemplate: FPLTemplatePageList
 9: 00.21 00.20 MakePageList pre
10: 00.21 00.20 PageListSources begin
11: 00.21 00.20 PageStore::ls begin wiki.d/{$FullName}
12: 00.25 00.23 PageStore::ls merge wiki.d/{$FullName}
13: 00.30 00.28 PageStore::ls end wiki.d/{$FullName}
14: 00.33 00.31 PageStore::ls begin $FarmD/wikilib.d/{$FullName}
15: 00.33 00.31 PageStore::ls merge $FarmD/wikilib.d/{$FullName}
16: 00.33 00.31 PageStore::ls end $FarmD/wikilib.d/{$FullName}
17: 00.36 00.34 PageListSources end count=8478
18: 00.36 00.34 PageListTermsTargets begin count=8478
19: 00.36 00.34 PageIndexGrep begin
20: 00.48 00.47 PageIndexGrep end
21: 00.85 00.83 PageListTermsTargets end count=8
22: 00.85 00.83 PageListSort pre ret=4 order=name
23: 00.85 00.83 MakePageList items count=8, filters=PageListTermsTargets
24: 00.86 00.84 MakePageList post count=8, readc=8
25: 00.86 00.84 PageListCache begin save key=383be7e36245f73c3c1571a834eafac6
26: 00.86 00.84 PageListCache end save
27: 00.86 00.84 PageListSort begin
28: 00.86 00.84 PageListSort sort
29: 00.86 00.84 PageListSort end
30: 00.86 00.84 MakePageList end
31: 00.86 00.84 FPLTemplate: FPLTemplateSliceList
32: 00.86 00.84 FPLTemplate: FPLTemplateFormat
33: 00.89 00.86 MarkupToHTML begin
34: 00.91 00.89 MarkupToHTML end
35: 00.91 00.89 FPLTemplate: Chain end
36: 00.91 00.89 MarkupToHTML end
37: 00.92 00.90 MarkupToHTML begin
38: 00.96 00.94 MarkupToHTML end
39: 00.96 00.94 MarkupToHTML begin
40: 00.97 00.95 MarkupToHTML end
41: 00.98 00.96 now