From mboxrd@z Thu Jan 1 00:00:00 1970 From: Peter Salazar Subject: make footnotes appear as tooltips on HTML export? Date: Sat, 16 Mar 2013 12:56:54 -0400 Message-ID: Mime-Version: 1.0 Content-Type: multipart/alternative; boundary=e89a8fb1f164934c7204d80da41e Return-path: Received: from eggs.gnu.org ([208.118.235.92]:36854) by lists.gnu.org with esmtp (Exim 4.71) (envelope-from ) id 1UGuPi-0005ez-Pe for emacs-orgmode@gnu.org; Sat, 16 Mar 2013 12:57:00 -0400 Received: from Debian-exim by eggs.gnu.org with spam-scanned (Exim 4.71) (envelope-from ) id 1UGuPf-00023p-Rl for emacs-orgmode@gnu.org; Sat, 16 Mar 2013 12:56:58 -0400 Received: from mail-oa0-f49.google.com ([209.85.219.49]:38988) by eggs.gnu.org with esmtp (Exim 4.71) (envelope-from ) id 1UGuPf-00023g-M9 for emacs-orgmode@gnu.org; Sat, 16 Mar 2013 12:56:55 -0400 Received: by mail-oa0-f49.google.com with SMTP id j6so4356782oag.8 for ; Sat, 16 Mar 2013 09:56:54 -0700 (PDT) List-Id: "General discussions about Org-mode." List-Unsubscribe: , List-Archive: List-Post: List-Help: List-Subscribe: , Errors-To: emacs-orgmode-bounces+geo-emacs-orgmode=m.gmane.org@gnu.org Sender: emacs-orgmode-bounces+geo-emacs-orgmode=m.gmane.org@gnu.org To: org-mode --e89a8fb1f164934c7204d80da41e Content-Type: text/plain; charset=ISO-8859-1 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 --e89a8fb1f164934c7204d80da41e Content-Type: text/html; charset=ISO-8859-1 Content-Transfer-Encoding: quoted-printable Hey everyone,

I had a thought. So, I export most of my o= rg files to both HTML and PDF. I was thinking that for HTML, the behavior o= f 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 th= e 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 di= scover 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.=A0

This is trivial to implement using CSS3:

and only slightly more complicated using jQuery:
<= div>http://www.chillw= ebdesigns.co.uk/chilltip

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

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

= Best,
Peter
--e89a8fb1f164934c7204d80da41e-- From mboxrd@z Thu Jan 1 00:00:00 1970 From: Bastien Subject: Re: make footnotes appear as tooltips on HTML export? Date: Sat, 16 Mar 2013 19:26:54 +0100 Message-ID: <874ngbtd3l.fsf@bzg.ath.cx> References: Mime-Version: 1.0 Content-Type: text/plain; charset=iso-8859-1 Content-Transfer-Encoding: 8bit Return-path: Received: from eggs.gnu.org ([208.118.235.92]:48387) by lists.gnu.org with esmtp (Exim 4.71) (envelope-from ) id 1UGvop-0006Ez-5A for emacs-orgmode@gnu.org; Sat, 16 Mar 2013 14:27:00 -0400 Received: from Debian-exim by eggs.gnu.org with spam-scanned (Exim 4.71) (envelope-from ) id 1UGvon-0002eU-Ox for emacs-orgmode@gnu.org; Sat, 16 Mar 2013 14:26:59 -0400 Received: from mail-wg0-x22a.google.com ([2a00:1450:400c:c00::22a]:64471) by eggs.gnu.org with esmtp (Exim 4.71) (envelope-from ) id 1UGvon-0002eP-Iu for emacs-orgmode@gnu.org; Sat, 16 Mar 2013 14:26:57 -0400 Received: by mail-wg0-f42.google.com with SMTP id 12so1482812wgh.3 for ; Sat, 16 Mar 2013 11:26:56 -0700 (PDT) In-Reply-To: (Peter Salazar's message of "Sat, 16 Mar 2013 12:56:54 -0400") List-Id: "General discussions about Org-mode." List-Unsubscribe: , List-Archive: List-Post: List-Help: List-Subscribe: , Errors-To: emacs-orgmode-bounces+geo-emacs-orgmode=m.gmane.org@gnu.org Sender: emacs-orgmode-bounces+geo-emacs-orgmode=m.gmane.org@gnu.org To: Peter Salazar Cc: org-mode Hi Peter, Peter Salazar 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