In terms of what was discussed here (on_page footnotes in a pop-up), it looks like I've got things working with <aside> (epub3 only). I found a post that led me to:
Code:
<p><a href="file#mynote" epub:type="noteref">footnotesymbol</a></p><aside id="mynote" epub:type="footnote">footnotetext</aside>
Specific to the book I'm working on, that comes out to:
Code:
<p class="annotations"><a href="acknowledgements.html#mynote" epub:type="noteref">Annotations</a></p><aside id="mynote" epub:type="footnote" class="footnote"><p>blahblahblahblahblah</aside>
Breaking that up for readability here:
Code:
<p class="annotations">
<a href="acknowledgements.html#mynote" epub:type="noteref">Annotations</a>
</p>
<aside id="mynote" epub:type="footnote" class="footnote">
<p>blahblahblahblahblah</aside>
The problem is that the <aside> text is visible in the chapter. As noted before, for one or two short footnotes in a book, that's fine. But, this book has 58 chapters full of "footnote" material.
I can't find a way to hide that <aside> text (I tried "hidden" in various places in the code, but it didn't work). Does anyone know of a way to hide that? If not, I'll work on the <aside> material remaining in its own chapters.
EDIT 1: One site I found said the epub:type="footnote" bit should automatically hide the <aside> stuff. But, it doesn't. Another site said the "hidden" attribute can be used to hide it (i.e., <aside hidden ...), but it also doesn't.
EDIT 2: it looks like I tried testing the hidden attribute with a class= style applied. The class= overrode hidden. I'll play around with it some more.