Table of Contents

4 posters

Go down

In progress Table of Contents

Post by Eclaire July 28th 2015, 1:51 am

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!
avatar
Eclaire
New Member

Posts : 2
Reputation : 1
Language : English

View user profile

Back to top Go down

In progress Re: Table of Contents

Post by SLGray July 28th 2015, 4:18 am

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


hash - Table of Contents Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 49800
Reputation : 3444
Language : English
Location : United States

View user profile https://forumsclub.com/gc/128-link-directory/

Back to top Go down

In progress Re: Table of Contents

Post by Eclaire July 28th 2015, 4:44 am

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

Posts : 2
Reputation : 1
Language : English

View user profile

Back to top Go down

In progress Re: Table of Contents

Post by SA_Pliskin August 4th 2015, 9:10 pm

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
avatar
SA_Pliskin
New Member

Posts : 8
Reputation : 1
Language : english

View user profile

Back to top Go down

In progress Re: Table of Contents

Post by Ange Tuteur August 4th 2015, 11:37 pm

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.
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13244
Reputation : 2985
Language : English & 日本語
Location : Pennsylvania

View user profile https://fmdesign.forumotion.com

Back to top Go down

In progress Re: Table of Contents

Post by SA_Pliskin August 5th 2015, 2:56 pm

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?
avatar
SA_Pliskin
New Member

Posts : 8
Reputation : 1
Language : english

View user profile

Back to top Go down

In progress Re: Table of Contents

Post by Ange Tuteur August 5th 2015, 3:03 pm

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.
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13244
Reputation : 2985
Language : English & 日本語
Location : Pennsylvania

View user profile https://fmdesign.forumotion.com

Back to top Go down

In progress Re: Table of Contents

Post by SA_Pliskin August 5th 2015, 3:09 pm

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...
avatar
SA_Pliskin
New Member

Posts : 8
Reputation : 1
Language : english

View user profile

Back to top Go down

In progress Re: Table of Contents

Post by Ange Tuteur August 5th 2015, 3:11 pm

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

Male Posts : 13244
Reputation : 2985
Language : English & 日本語
Location : Pennsylvania

View user profile https://fmdesign.forumotion.com

Back to top Go down

In progress Re: Table of Contents

Post by SA_Pliskin August 5th 2015, 3:20 pm

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

Posts : 8
Reputation : 1
Language : english

View user profile

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum