View Single Post
Old 11-24-2018, 04:29 AM   #10
Doitsu
Grand Sorcerer
Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.
 
Doitsu's Avatar
 
Posts: 5,584
Karma: 22735033
Join Date: Dec 2010
Device: Kindle PW2
BTW, different apps/devices render footnotes differently. For example, iBooks requires footnotes to be properly defined, while the Kindle firmware (or KindleGen) uses heuristics and will usually display back-linked text as popup footnotes.

This works great for non-nested footnotes, however, if footnotes are nested, users usually can't tap links in footnote popup windows to display sub-footnotes.

I've created a simple epub3 test file with two different footnote sections.

The fist topic contains a link to non-nested footnote definitions:
Spoiler:
Code:
  <div class="footnotes">
    <div epub:type="footnote" id="fnid1" role="doc-footnote">
      <p class="endnote"><a href="../Text/test.xhtml#fnref1" title="footnote 1">[1]</a> Definition of the first footnote, with a link<a epub:type="noteref" href="../Text/endnotes.xhtml#fnid2" class="footnote" id="fnref2" role="doc-noteref">[2]</a> to the second foote. Donec metus ligula, elementum at pellentesque pellentesque, suscipit ac nunc.</p>
    </div>

    <div epub:type="footnote" id="fnid2" role="doc-footnote">
      <p class="endnote2"><a href="../Text/endnotes.xhtml#fnref2" title="footnote 2">[2]</a> Definition of the second footnote with a link<a epub:type="noteref" href="../Text/endnotes.xhtml#fnid3" class="footnote" id="fnref3" role="doc-noteref">[3]</a> to the third footnote. Donec metus ligula, elementum at pellentesque pellentesque, suscipit ac nunc.</p>
    </div>

    <div epub:type="footnote" id="fnid3" role="doc-footnote">
      <p class="endnote3"><a href="../Text/endnotes.xhtml#fnref3" title="footnote 3">[3]</a> Definition of the third footnote.Donec metus ligula, elementum at pellentesque pellentesque, suscipit ac nunc.</p>
    </div>
  </div>

while the second topic contains a link to nested footnote definitions:
Spoiler:
Code:
  <div class="footnotes">
    <div epub:type="footnote" id="fnid1" role="doc-footnote">
      <p class="endnote"><a href="../Text/test2.xhtml#fnref1" title="footnote 1">[1]</a> Definition of the first footnote, with a link<a epub:type="noteref" href="../Text/endnotes2.xhtml#fnid2" class="footnote" id="fnref2" role="doc-noteref">[2]</a> to the second foote. Morbi dictum luctus velit nec faucibus.</p>

      <div epub:type="footnote" id="fnid2" role="doc-footnote">
        <p class="endnote2"><a href="../Text/endnotes2.xhtml#fnref2" title="footnote 2">[2]</a> Definition of the second footnote with a link<a epub:type="noteref" href="../Text/endnotes2.xhtml#fnid3" class="footnote" id="fnref3" role="doc-noteref">[3]</a> to the third footnote. Morbi dictum luctus velit nec faucibus.</p>

        <div epub:type="footnote" id="fnid3" role="doc-footnote">
          <p class="endnote3"><a href="../Text/endnotes2.xhtml#fnref3" title="footnote 3">[3]</a> Definition of the third footnote. Morbi dictum luctus velit nec faucibus.</p>
        </div>
      </div>
    </div>
  </div>

(I used <div> instead of <aside> for backwards compatibility with epub2 readers.)

iBooks will display only the first footnote definition, if the definitions aren't nested. If they're nested, it'll display the footnote definition and all nested sub-footnote definitions, however tapping links in the popup window doesn't work. iBooks also seems to ignore styles in footnote popup windows.

eInk Kindles ignore nesting levels and will display only the first footnote definition. Users will need to tap Go To Footnotes to display sub-footnotes. However, if a sub-footnote link is tapped, its definition will be displayed in a popup window.
Attached Thumbnails
Click image for larger version

Name:	footnote.png
Views:	578
Size:	81.5 KB
ID:	167944   Click image for larger version

Name:	endnotes.png
Views:	336
Size:	28.1 KB
ID:	167945  
Attached Files
File Type: epub endnotes.epub (31.0 KB, 225 views)
File Type: zip endnotes.kfx.zip (48.6 KB, 222 views)
Doitsu is offline   Reply With Quote