Mobileread
Hyperlinks
#1  Ghitulescu 08-30-2019, 05:31 AM
I have the following problem:

I intend to set a file as the summa of all footnotes in the epub2.
Therefore I need to make the number linked to the text it explains, not the explanatory text.
In other words, the opposite of the fig below (it's not a TOC but I found none suitable) - that is 1. is hyperlinked:
image »

I thought of the alternative of tables - there is a lot of work to convert hundreds of them
I know customising the number/bullet in epub2 is rather limited, but maybe someone has an idea. I was not able to find one.

I am open to any solution. If no suitable solution exists, then I'll convert all entries in a table.
Reply 

#2  lumpynose 08-31-2019, 02:00 AM
I haven't tested this yet but my current strategy is, in the body text have

Code
blah blah.<a id="backref1" href="#note1">[Note 1]</a> Blah blah blah
Then the footnotes are at the end of each chapter:

Code
 <section class="endnotes"> <header> <h3>End notes</h3> </header> <ol> <li> <a id="note1" />Hannibal, Missouri. (<a href="#backref1">Return to previous place.</a>)</li> </ol> </section>
Edit; hit the reply button too quickly.

I just discovered that the Kobo doesn't properly format description lists; dl/dt/dd. So I definitely need to see if it handles ordered lists correctly. If it doesn't then I'll just use paragraphs:

Code
<p><a id="note1" />Note 1: Hannibal, Missouri. (<a href="#backref1">Return to previous place.</a>)</p>
Edit 2: I forgot to say that from what I've read the links using the A tag work better when the target (end note in this case) is in the same file.
Reply 

#3  lumpynose 08-31-2019, 02:24 AM
It seems that the IDs need to be unique across all of the files in the book, not just within each xhtml file. But the ol/li list does work.
Reply 

#4  Ghitulescu 09-02-2019, 05:39 AM
The code you put I know. It does replicate the figure.
I don't want the figure but the opposite. I could not put a figure depicting what I want because I didn't find the answer - and I would have found it I would have not asked
what I want is to make the automatic number be hyperlinked to somewhere else.
Sort of:
Code
<p style="margin-left:1em"><a href="#ReturnToText1"><b>1.</b></a>*Footnote text 1.</p>
<p style="margin-left:1em"><a href="#ReturnToText2"><b>2.</b></a>*Footnote text 2.</p>
1. Footnote text 1.
2. Footnote text 2.
Reply 

#5  Turtle91 09-02-2019, 07:38 AM
put the filename in the href:

href="../Text/footnotes.html#ReturnToText1"
Reply 

#6  Ghitulescu 09-02-2019, 10:21 AM
No wonder I couldn't find any idea - people simply do not understand what I want, so probably nobody ever cared to find a solution for a problem only I, of whole this universe, have.

I simply do not know how to make the automatically-generated number of the ordered list "clickable". I tend to think it's not possible to customise this.
Reply 

#7  Turtle91 09-02-2019, 01:19 PM
oh...you mean the numbers that are generated with <ol><li>....got it.

No, you cannot...use an un-ordered list and manually add the numbers/links. Or, add the link to the text portion of the <li> instead of the numbers.


Sorry!

[edit] - Or, I should say, you cannot without getting into javascript...but manually adding the links is much easier and supported across all most devices.
Reply 

Today's Posts | Search this Thread | Login | Register