New Droplet: CreateToc

[BlackBird]

The CreateToc-Droplet creates a "Table of Contents" from all headings (h1-h6) in a page. The Toc is placed where you place the droplet call. In addition, a "Back to Top"-Link is added before each heading.

Download:

http://www.websitebakers.com/pages/droplets/downloads.php (scroll to "Navigation")

Usage:

[[CreateToc]]

or

[[CreateToc?float=right]]

...to have the Toc floated right. If you wish to have your entries numbered (like an index), add

[[CreateToc?float=right&number=1]]

(The value you give for "number" doesn't matter. You can also set it to "true" or "ohmy" or ...)

ToDo:

* At the moment, there's no indentation; i.e., in the Toc there's no difference between h1 and h6

Best use:

If you have just one WYSIWYG-Section on a page, you may create your own Toc by adding Anchors. But if you have more than one WYS-Section (or sections of other types), CreateToc creates a nice Toc for you.

Try it and let me know how it works.

[Stefek]

Good idea.

One just must be carefull by not using headings in the template itself (i.e. sidebars etc.).

Regards,
Stefek

[mr-fan]

Good idea.

One just must be carefull by not using headings in the template itself (i.e. sidebars etc.).

Regards,
Stefek

For this you could use a special Format within the CKEEditor to use a Class with the H1 - H3 and search with the Droplet for this CSS class....no problem....but this must be arranged by an admin or will be a good tut....

great idea bianka! - i will use it

regards mr-fan

[BlackBird]

Well, I'm sure it's easy enough to tweak the droplet for one's need. (Use something else than headings, for example.) Also, one could replace headings in the template with <span> and some CSS (this is what I would do).

I've got a new version now that numbers the extracted headings and indents them, too. This is not done by using <ol>, because this would require to use recursion. I think this would be overkill for a droplet. I will upload the new version later.

[BlackBird]

I've updated the Droplet. Download at http://www.websitebakers.com/pages/droplets/downloads.php

Preview: http://lepton.webbird.de/page/droplets/createtoc.php