Looking for footnote addin for TW5

[Chuck R.]

My specs: Windows 7/8/10, using Firefox or Chrome and editing a TW5 on Tiddlyspot.com. I'm using standard TW5 wiki notation/markup, not markdown in this case.

I'm looking for a footnote addon for footnotes. The 2 I have found both have a problem.

- Refnotes by Mohammad (https://kookma.github.io/Refnotes/) are good in that they automatically number the footnotes, no matter what order I insert more text with new footnotes. But it shows the footnote at the top of the browser window, where I cannot click on it. (My footnotes are often just an URL.)

- Footnotes by Braintest (http://braintest.tiddlyspot.com/#PopupFootnotes) show a popup where I can click the URL in the footnote, but do not autonumber the footnotes.

Is there a footnote addin for TW5 where the user can click on the footnote and then click on the URL inside the footnote? I've searched around but those 2 above are the only footnote addins I could find that work with TW5.

Thanks!

[Chuck R.]

Clarification: the Braintest footnote (http://braintest.tiddlyspot.com/#PopupFootnotes) requires me to enter a label manually like

<<footnote "mynote1" "http://myfootnote.url">>

where "mynote1" is shown in the text as superscript, so it does not appear to autonumber footnotes.

[Ste Wilson]

http://tiddlystuff.tiddlyspot.com/#Idea%20for%20a%20footnote%20filter

And a search for Jan and footnotes in this Google group turns up some threads. I seem to remember Jan doing footnote stuff in the past.

[Mohammad]

Hi Chuck,

 The Refnotes can handle url and link in footnotes!

Displaying footnote sticking to top of window is for small screen like mobiles!

If you have any problem, please send a sample with more details.

--Mohammad.

[Chuck R.]

Thank you Mohammad, I found the problem. Due to my smaller PC screen I make the Firefox browser window width smaller, and your footnote only appears at the top of the browser window. When I make the browser window width wider, the footnote pops up near the label so I can click the URL in the footnote.

How would I decrease the minimum width of the footnote to get the footnote to popup and the footnote link be clickable when my browser window is not so wide? Is there CSS I can change for your footnote addin?

Chuck

[Chuck R.]

I think I got it. In the shadow tiddler `$:/plugins/kookma/refnotes/stylesheet/` I changed `
@media screen and (max-width: 960px) {` to `@media screen and (max-width: 400px) {`

Is that correct? It seems to do what I need. The `<<fnote>>` popup appears now even if my browser width (and tiddler width) is smaller.

[Mohammad]

Yes! It should work.

[Chuck R.]

One more question. I would like to reference a footnote multiple times in one or more tiddlers. Is it possible to make another data tiddler for footnotes which I use over and over again and use `<<fnote>>` with that data tiddler? I'm thinking the syntax would be `<<fnote FOOTNOTENAME dict"Footnotes">>` where "Footnotes" is a data dictionary tiddler with one footnote per line, similar to your `<<ref>>` macro.

On Monday, December 9, 2019 at 10:16:50 AM UTC-5, Mohammad wrote:

Yes! It should work.

[Mohammad]

Why do not use abbr macro?

fnote create a number per footnote

Using data tiddler is possible

like <<fnote {{demo/glossary##CSS}}>>

Test this in https://kookma.github.io/Refnotes/ and see it works.

[Chuck R.]

Sorry I'm still new to data tiddlers and macros.

In the `<<fnote>>` macro I don't understand what the {{curly braces}} mean. Do {{curly braces}} reference the path to a data tiddler? Is the tiddler called "glossary"? Is the entry in the data tiddler "glossary" called "CSS"?

[Mohammad]

No problem

For transclusion look at

• https://tiddlywiki.com/prerelease/#Transclusion%20in%20WikiText

For learning  data Tiddler, this one is a starting point

• file:///C:/TW/00.%20TW-Scripts/Scripts%20in%20Tiddlywiki.html#datatiddler
  

On Monday, December 9, 2019 at 7:46:25 PM UTC+3:30, Chuck R. wrote:

Sorry I'm still new to data tiddlers and macros.

In the `<<fnote>>` macro I don't understand what the {{curly braces}} mean. Do {{curly braces}} reference the path to a data tiddler? Is the tiddler called "glossary"? Is the entry in the data tiddler "glossary" called "CSS"?

{{demo/glossary##CSS}} returns the value for CSS name!

CSS is a name in data tiddler I have created its title is demo/glossary

{{}} used for transclusion!

What is transclusion?

• Transclusion is the process of referencing one tiddler "A" from another tiddler "B" such that the content of "A" appears to be a part of "B".
• https://en.wikipedia.org/wiki/Wikipedia:Transclusion