anchor/post feature

[RetroLisa]

I would like to request a plugin for an "anchor/post" system, where I can link to an item farther down the page and jump down to it without going to an entirely new page. On my regular board I use a code in my footers called "jump-to anchor links in posts by california" which uses "marker" and "jumpto" links, and it works great.

Thank you

[Peter]

Nov 11, 2012 14:33:30 GMT -8 RetroLisa said:

I would like to request a plugin for an "anchor/post" system, where I can link to an item farther down the page and jump down to it without going to an entirely new page. On my regular board I use a code in my footers called "jump-to anchor links in posts by california" which uses "marker" and "jumpto" links, and it works great.

Thank you

Maybe I'm not understanding, but you can do this by creating a link in a post.

[a name="anchorname"]this is an anchor[/a]

"anchorname" can be used by adding "#anchorname" to the URL, or existing link, and then it will goto that place in the page.

If this is not what you want, please post a link to the code you are using.

[RetroLisa]

That code works in regular HTML, but I could never get it to work on Proboards. It simply treats the anchor link as just another link and takes me out of the page to a whole new page. Sorry, I'm not very savvy with anything but basic HTML and the basic Proboards codes

This is the code I currently use, in my footers:

<script type="text/javascript">
<!--
/* jump-to anchor links in posts by california */

var iCell = document.getElementsByTagName("td");
var jReg = /\[jump(to)?=#?(\w+)\](.+?)\[\/jump(to)?]/gi;
var mReg = /\[(anchor|marker|a name)=#?(\w+)\]/gi;
if(location.href.match(/action=display/)){
for(a=0;a<iCell.length;a++){
var post = iCell.innerHTML;
if(iCell.width == "80%" && post.match(/\[(jump|marker|anchor)/i)){
iCell.innerHTML = post.replace(jReg,'<a href="#$2">$3</a>');
iCell.innerHTML = iCell.innerHTML.replace(mReg,'<a id="$2" />');
}
}
}

// -->
</script>

Each link was indicated by [jumpto] and [/jumpto]

The designated spot on the thread was labeled [marker]

Here it is in action on my regular board:
nostalgiacafe.proboards.com/index.cgi?board=1960s&action=display&thread=195

[RetroLisa]

OK, never mind, I figured it out

The and [#anchorname] didn't work on the previous version of Proboards, did it? If so, I couldn't figure it out, which is why I used the code mentioned above. It does work in V5, so that's a good thing

[timbrockett]

This a great question that the original poster figured out but I cannot.

This describes how to identify a piece of text as an anchor.

[a name="Note1"]Footnote 1[/a]

Now that I have an anchor how do I denote my Footnote 1 as the spot on my page to go to?

I tried using id="footnote 1" and variations but I have not been able to get it to work.

THANKS!

Tim

[Lynx]

Jun 13, 2020 16:32:44 GMT -8 timbrockett said:

This a great question that the original poster figured out but I cannot.

This describes how to identify a piece of text as an anchor.

[a name="Note1"]Footnote 1[/a]

Now that I have an anchor how do I denote my Footnote 1 as the spot on my page to go to?

I tried using id="footnote 1" and variations but I have not been able to get it to work.

THANKS!

Tim

First, this thread is from 2012. In the future, please start your own thread instead of necro'ing an old one - you can always link back to this thread from yours to reference it.

Second, using your example above:


[a name="Note1"]Footnote 1[/a]


Simply use it as such:

[a href="https://support.proboards.com/thread/430786/#Note1"][/a]


although I'd suggest keeping the anchor name as all lowercase, as is typical in URL's. That should work in the first post of a thread. If it's for a reply further down, you can try using the post's ID:


[a href="https://support.proboards.com/post/7239941/#Note1"][/a]


Note that this can be shortened (if on same domain) to:

[a href="/post/7239941/#Note1"][/a]


I haven't tested out the 2nd one, so not sure if that works or not. Remember that you can get a thread's ID from your address bar when you click a thread from the thread list. Post ID's can be gotten from clicking on the cog for that post and getting the link to that post - use the bottom entry (Link to this post only) for your link. Note that your Footnote 1 text would be the text for the href= line rather than the name= line.


[a href="/thread/430786/#note1"]Footnote 1[/a] <-- index (table of contents) link

(other possible index links)

[a name="note1"][/a] <-- start of destination when index link clicked


To see it in action, take a look at this post: support.proboards.com/thread/429762/monetary-system-updated-1st-2015 - then click Quote and look at the BBCode at how he did it.