Table of Contents

Hey guys, 

I'm trying to add a table of contents. I know that most free hosts won't let you add some BBcode. Is there any format at all on Forumotion, that will allow you to use the coding to make a table of contents?!

Thanks!

There is a table button in the editor:  the fourth group, last one.

No no, I know the table. Lol. I want to make quick links to different portions of a lengthy post.

this is actually exactly why i am here too.  I would also like to know how to make one.

kinda like this one from this forum

https://help.forumotion.com/t61210-list-of-tricks-tips#tuto6

where you click on the link and instead of a new page it takes you to a specific portion of the post

The best way to do that would be to first publish the topic, because you'll need to copy the direct link from the address bar. If you've already done that, just edit your existing post.

To link to a specific portion on a page you can use hashes ( #hash ) which link to HTML elements with a specific ID or name in some cases. As we've done with the tutorials, I've made use of tables because you can add classes and ids to them.

Here's a quick example :

Code:

[list]
[*][url=#section-a]Section A[/url]
[*][url=#section-b]Section B[/url]
[*][url=#section-c]Section C[/url]
[/list]

[table id="section-a"][tr][td][/td][/tr][/table]

[h2]Section A[/h2]
Some texts...


[table id="section-b"][tr][td][/td][/tr][/table]

[h2]Section B[/h2]
Some texts...


[table id="section-c"][tr][td][/td][/tr][/table]

[h2]Section C[/h2]
Some texts...

In the example above you'll need to place the link of the topic before the hash ( # ) in the URL bbcode. I'll consider inquiring about this, to make it easier to do what I've mentioned here.

thank you for the quick response.  however I am still having no luck.  i copied the code as shown here and added the address url right before the #.  however instead of jumping down the page it is only changing the address bar  for example if the url was something like forumotiontestpage.com and i were to click on the section c  of the table of contents the url would change to foromotiontestpage.com#section-c and not move down the page.  any idea what i am doing wrong?

The following table is within the post, correct ?

Code:

[table id="section-c"][tr][td][/td][/tr][/table]

id="section-c" refers to the URL hash #section-c

If it's not moving down to that section, how much of the page is left to scroll down ? If you reached the bottom of the page it wont move down any further.

yes that portion is in it, and i tried it in a few spots.  right now i was just testing it to see how it worked so the page is basically empty except for the code itself

Code:

[list]
[*][url=http://spnhl.canadian-forum.com/t5952-table-of-contents-test-page#46349#section-a]Section A[/url]
[*][url=http://spnhl.canadian-forum.com/t5952-table-of-contents-test-page#46349#section-b]Section B[/url]
[*][url=http://spnhl.canadian-forum.com/t5952-table-of-contents-test-page#46349#section-c]Section C[/url]
[/list]

[table id="section-a"][tr][td][/td]
[/tr]
[/table]
[h2]Section A[/h2]
Some texts...


[table id="section-b"][tr][td][/td]
[/tr]
[/table]
[h2]Section B[/h2]
Some texts...


[table id="section-c"][tr][td][/td]
[/tr]
[/table]
[h2]Section C[/h2]
Some texts...

At the end of the current URL you have the post id hash ( #46349 ) remove that and it should be perfect.

very nice thank you i have it working now,  very grateful for you're help.