created: 20190301104756406
modified: 20190302051325077
tags: links
title: Section Names using ID for internal Links - updated
type: application/x-tiddler

<a id="#s000"></a><small> <a href="##s006">Please don't click here yet</a></small>

!! Showing internal links within a tiddler.

# <a href="##s001" class="tc-tiddlylink-internal tc-tiddlylink-resolves">Lorem</a>
# <a href="##s002">Funny Quotes</a>
# <a href="##s003">Humour</a>
# <a href="##s004">The End</a>

!! Now how can we access them from outside a tiddler?

!!!1. <a id="#s001">''Lorem''</a><small> <a href="##s002">Next</a> <a href="##s000">Top</a></small>

<<.lorem>>

<<.lorem>>

!!!2. <a id="#s002">''Funny Quotes''</a><small> <a href="##s003">Next</a> <a href="##s001">Previous</a> <a href="##s000">Top</a></small>

There

really

isn't

a

funny

quote

here!

Too

Bad!



!!!3. <a id="#s003">''Humour''</a> <small> <a href="##s004">Next</a>  <a href="##s002">Previous</a> <a href="##s000">Top</a></small>

There

isn't

any

Humour

Either.

This

is

just

a 

demo.

!!!4. <a id="#s004">''The End''</a><small> <a href="##s005">Next</a>   <a href="##s003">Previous</a> <a href="##s000">Top</a></small>

Yes.

This

is 

really

THE

END


<a id="#s005">''Well, almost.''</a>


I'm glad you got this far. Here is the issue. When a link is created using:<br> `<a class="tc-tiddlylink tc-tiddlylink-missing" href="##somewhere">Somewhere</a>`<br>
the HTML produced is:

```
<a class="tc-tiddlylink tc-tiddlylink-missing" href="##somewhere">Somewhere</a>
```

Giving: <a class="tc-tiddlylink tc-tiddlylink-missing" href="##somewhere">Somewhere</a>

Not exactly rocket science.

However when a link is produced using:<br>
 `<$link to="##somewhere">Somewhere</$link>`<br>
The HTML produced is:

```
<a class="tc-tiddlylink tc-tiddlylink-missing" href="#%23%23somewhere">Somewhere</a>
```

Giving what may LOOK similar: <$link to="##somewhere">Somewhere</$link>

''But it isn't !!!'' - It has an extra `#`

When you click the link made using `<a href ...` it correctly scrolls the tiddler to the proper `<a id=#somewhere></a>` defined in the tiddler.

But when you click the link made using `<$link ... ` it tries to open the missing tiddler: `##somewhere` because it changed the leading `##` into uri coded `%23%23` and it added another `#` infront of the link.

Now how exciting would it be to be able to tweak the `<$link>` widget to accept for example:

```
<$link to="SomeTiddler" id="#somewhere">SomeTiddler's somewhere section</$link>
```

And its actions would be to:

# Open tiddler [[SomeTiddler]]
# Do the same action within the tiddler as clicking: `<a href="##somewhere">Somewhere</a>` which would be to scroll to the HTML tag within the tiddler defined as: `<a id="#somewhere">`

And YES - that `##` used in the `href` attribute just above is the correct syntax, as well as the single `#` used in the `id` attribute.

!!<a id="#s006">''The Very End''</a>

 <a href="##s005">Previous</a><br><a href="##s000"> Back to the Top!</a>