use <sup> to markup footnote anchors

Using the <sup> HTML tag ensures that footnotes are shown correctly when
displayed outside the DokuWiki stylesheet (eg. in feedreaders)

darcs-hash:20080119010614-7ad00-59426b5e1d44f0ab932867e19e42b71f260f9cc9.gz

3 files changed, 6 insertions, 13 deletions

diff --git a/inc/parser/xhtml.php b/inc/parser/xhtml.php
index 92cfc38ba..f033f6082 100644
--- a/inc/parser/xhtml.php
+++ b/inc/parser/xhtml.php
@@ -60,8 +60,8 @@ class Doku_Renderer_xhtml extends Doku_Renderer {
 
                     // open the footnote and set the anchor and backlink
                     $this->doc .= '<div class="fn">';
-                    $this->doc .= '<a href="#fnt__'.$id.'" id="fn__'.$id.'" name="fn__'.$id.'" class="fn_bot">';
-                    $this->doc .= $id.')</a> '.DOKU_LF;
+                    $this->doc .= '<sup><a href="#fnt__'.$id.'" id="fn__'.$id.'" name="fn__'.$id.'" class="fn_bot">';
+                    $this->doc .= $id.')</a></sup> '.DOKU_LF;
 
                     // get any other footnotes that use the same markup
                     $alt = array_keys($this->footnotes, "@@FNT$id");
@@ -69,8 +69,8 @@ class Doku_Renderer_xhtml extends Doku_Renderer {
                     if (count($alt)) {
                       foreach ($alt as $ref) {
                         // set anchor and backlink for the other footnotes
-                        $this->doc .= ', <a href="#fnt__'.($ref+1).'" id="fn__'.($ref+1).'" name="fn__'.($ref+1).'" class="fn_bot">';
-                        $this->doc .= ($ref+1).')</a> '.DOKU_LF;
+                        $this->doc .= ', <sup><a href="#fnt__'.($ref+1).'" id="fn__'.($ref+1).'" name="fn__'.($ref+1).'" class="fn_bot">';
+                        $this->doc .= ($ref+1).')</a></sup> '.DOKU_LF;
                       }
                     }
 
@@ -260,7 +260,7 @@ class Doku_Renderer_xhtml extends Doku_Renderer {
         }
 
         // output the footnote reference and link
-        $this->doc .= '<a href="#fn__'.$id.'" name="fnt__'.$id.'" id="fnt__'.$id.'" class="fn_top">'.$id.')</a>';
+        $this->doc .= '<sup><a href="#fn__'.$id.'" name="fnt__'.$id.'" id="fnt__'.$id.'" class="fn_top">'.$id.')</a></sup>';
     }
 
     function listu_open() {
diff --git a/lib/scripts/script.js b/lib/scripts/script.js
index 7e565e1cb..ddc88c728 100644
--- a/lib/scripts/script.js
+++ b/lib/scripts/script.js
@@ -352,7 +352,7 @@ function footnote(e){
     if (!a){ return; }
 
     // anchor parent is the footnote container, get its innerHTML
-    var content = new String (a.parentNode.innerHTML);
+    var content = new String (a.parentNode.parentNode.innerHTML);
 
     // strip the leading content anchors and their comma separators
     content = content.replace(/<a\s.*?href=\".*\#fnt__\d+\".*?<\/a>/gi, '');
diff --git a/lib/tpl/default/design.css b/lib/tpl/default/design.css
index 0b4e29634..3e3c9310e 100644
--- a/lib/tpl/default/design.css
+++ b/lib/tpl/default/design.css
@@ -613,14 +613,7 @@ div.dokuwiki div.fn {
   font-size: 90%;
 }
 
-div.dokuwiki a.fn_top {
-  vertical-align: super;
-  font-size: 80%;
-}
-
 div.dokuwiki a.fn_bot {
-  vertical-align: super;
-  font-size: 80%;
   font-weight: bold;
 }