View Single Post
Old 01-07-2018, 09:03 AM   #22
jackie_w
Grand Sorcerer
jackie_w ought to be getting tired of karma fortunes by now.jackie_w ought to be getting tired of karma fortunes by now.jackie_w ought to be getting tired of karma fortunes by now.jackie_w ought to be getting tired of karma fortunes by now.jackie_w ought to be getting tired of karma fortunes by now.jackie_w ought to be getting tired of karma fortunes by now.jackie_w ought to be getting tired of karma fortunes by now.jackie_w ought to be getting tired of karma fortunes by now.jackie_w ought to be getting tired of karma fortunes by now.jackie_w ought to be getting tired of karma fortunes by now.jackie_w ought to be getting tired of karma fortunes by now.
 
Posts: 6,252
Karma: 16544692
Join Date: Sep 2009
Location: UK
Device: ClaraHD, Forma, Libra2, Clara2E, LibraCol, PBTouchHD3
Quote:
Originally Posted by davidfor View Post
There doesn't have to be a backlink for the footnote popup to be used.

But, I've been playing with Semwize's book and I cannot get the footnote popups to display. I have changed the links to use sup tags and removed the classes. I've fiddled with the destinations to be the paragraph, an anchor, added the backlinks and cleaned up the code a bit. looking at other books that use footnotes and work, I cannot see what the difference is.
Odd! All I can say is the kepub footnotes pop-up for me in Semwize's book after cleaning-up the errors and re-coding the links. I didn't add any <sup> tags or CSS changes, but I did add HTML backlinks and used regex to logically renumber all 193 link/backlink ids to match the actual footnote number.

Here's an example:

Before - main body HTML (ie ch1-2.xhtml)::
Code:
<p ...>some text<a href="ch2.xhtml#id49" class="a">[1]</a></p>
Before - footnote HTML (ie ch2.xhtml):
Code:
<span id="id49">
    <div class="title1">
         <p class="p">1</p>
    </div>
...
</span>
After - main body HTML (ie ch1-2.xhtml)::
Code:
<p ...>some text<a href="ch2.xhtml#fn1" class="a" id="back1">[1]</a></p>
After - footnote HTML (ie ch2.xhtml):
Code:
<div id="id49">
    <div class="title1">
        <p class="p"><a id="fn1" href="ch1-2.xhtml#back1">1</a></p>
    </div>
...
</div>

Last edited by jackie_w; 01-07-2018 at 09:07 AM.
jackie_w is offline   Reply With Quote