make footnotes appear as tooltips on HTML export?

make footnotes appear as tooltips on HTML export?

[Peter Salazar]

[-- Attachment #1: Type: text/plain, Size: 1137 bytes --]

Hey everyone,

I had a thought. So, I export most of my org files to both HTML and PDF. I
was thinking that for HTML, the behavior of putting footnotes at the end of
the document, as you would for a printed page, is a bit outdated. In a
printed document, you put the footnotes at the end because you have to. But
with HTML, it doesn't really make sense to make the user click through to
the bottom of the document in order to discover the footnote content. It
would be more in keeping with the spirit of hypertext to create a tooltip
that the user could hover over and view the content instantly inline.

This is trivial to implement using CSS3:
http://www.webdesignerdepot.com/2012/11/how-to-create-a-simple-css3-tooltip/

and only slightly more complicated using jQuery:
http://www.chillwebdesigns.co.uk/chilltip

I was thinking about trying to create a way for org-mode to automatically
create tooltips from footnotes, but I'm a beginner, so before I take a
crack at it, I thought I would ask: has anyone already done this?

Or, does anyone have ideas about how to easily automate this behavior using
org export to HTML?

Best,
Peter

[-- Attachment #2: Type: text/html, Size: 1476 bytes --]

Re: make footnotes appear as tooltips on HTML export?

[Bastien]

Hi Peter,

Peter Salazar <cycleofsong@gmail.com> writes:

> I had a thought. So, I export most of my org files to both HTML and
> PDF. I was thinking that for HTML, the behavior of putting footnotes
> at the end of the document, as you would for a printed page, is a bit
> outdated. In a printed document, you put the footnotes at the end
> because you have to. But with HTML, it doesn't really make sense to
> make the user click through to the bottom of the document in order to
> discover the footnote content. It would be more in keeping with the
> spirit of hypertext to create a tooltip that the user could hover
> over and view the content instantly inline. 
>
> This is trivial to implement using CSS3:
> http://www.webdesignerdepot.com/2012/11/
> how-to-create-a-simple-css3-tooltip/

Trivial but a bit heavy -- at least this is not an option for the
default HTML exporter, which tries to stick to the Old Good Way®.

> and only slightly more complicated using jQuery:
> http://www.chillwebdesigns.co.uk/chilltip
>
> I was thinking about trying to create a way for org-mode to
> automatically create tooltips from footnotes, but I'm a beginner, so
> before I take a crack at it, I thought I would ask: has anyone
> already done this? 
>
> Or, does anyone have ideas about how to easily automate this behavior
> using org export to HTML? 

I don't know, but I think this would make a great entry for the
Org hacks page!  Good luck,

-- 
 Bastien