The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Table of Contents

4 posters

Go down

In progress Table of Contents

Post by Eclaire Tue 28 Jul - 1:51

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

Back to top Go down

In progress Re: Table of Contents

Post by SLGray Tue 28 Jul - 4:18

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


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 : 51464
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

In progress Re: Table of Contents

Post by Eclaire Tue 28 Jul - 4:44

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

Back to top Go down

In progress Re: Table of Contents

Post by SA_Pliskin Tue 4 Aug - 21:10

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

Back to top Go down

In progress Re: Table of Contents

Post by Ange Tuteur Tue 4 Aug - 23:37

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 : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

In progress Re: Table of Contents

Post by SA_Pliskin Wed 5 Aug - 14:56

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

Back to top Go down

In progress Re: Table of Contents

Post by Ange Tuteur Wed 5 Aug - 15:03

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 : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

In progress Re: Table of Contents

Post by SA_Pliskin Wed 5 Aug - 15:09

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

Back to top Go down

In progress Re: Table of Contents

Post by Ange Tuteur Wed 5 Aug - 15:11

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 : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

In progress Re: Table of Contents

Post by SA_Pliskin Wed 5 Aug - 15:20

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

Back to top Go down

Back to top

- Similar topics

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