emacs-orgmode@gnu.org archives
 help / color / mirror / code / Atom feed
From: Matt Price <moptop99@gmail.com>
To: Org Mode <emacs-orgmode@gnu.org>
Subject: Re: Getting checkboxes in HTML output?
Date: Thu, 28 Nov 2013 16:58:23 -0500	[thread overview]
Message-ID: <CAN_Dec-eZvnV8n_UhwPPuna6_16itS1_79dS26Ya_phawv+Log@mail.gmail.com> (raw)
In-Reply-To: <CAN_Dec9a5v2rqQSvAKpvgLWKsTY8YLoMSvKbtkgak77Bb=nbAg@mail.gmail.com>

On Thu, Nov 28, 2013 at 4:26 PM, Sebastien Vauban
<sva-news@mygooglest.com> wrote:
> Achim Gratz wrote:
>> Rick Frankel writes:
>>> For xhtml compatibility, it would need to be 'checked="checked"'. I've
>>> done a quick look at the html dtd, and i does look like input elements
>>> are allowed outside of forms, but i would need to double
>>> check... Also, the fallback to "[-]" for the partially checked state
>>> is a bit inconsistent, perhaps changing background color or other
>>> attributre of the checkbox would be better.
>>
>> I'd much prefer if you'd be using character entities for that since you
>> can't do any input on the HTML anyway (WHITE MEDIUM SQUARE, SQUARE WITH
>> LOWER RIGHT DIAGONAL BLACK and BLACK MEDIUM SQUARE look like good
>> candidates).  That probably makes it UTF-8 only since I don't think
>> these symbols are defined for plain (X)HTML, so for other encodings
>> things should probably stay as they are.
>
> FWIW, here's what I do for the HTML export:
>
> In JS:
>
> #+begin_src js
>   $(function () {
>       $('li > code:contains("[X]")')
>           .parent()
>               .addClass('checked')
>           .end()
>           .remove();
>       $('li > code:contains("[-]")')
>           .parent()
>               .addClass('halfchecked')
>           .end()
>           .remove();
>       $('li > code:contains("[ ]")')
>           .parent()
>               .addClass('unchecked')
>           .end()
>           .remove();
>   });
> #+end_src
>
> In CSS:
>
> #+begin_src css
>   li.checked {
>       list-style-image: url('../images/checked.png');
>   }
>
>   li.halfchecked {
>       list-style-image: url('../images/halfchecked.png');
>   }
>
>   li.unchecked {
>       list-style-image: url('../images/unchecked.png');
>   }
> #+end_src
>
> with 3 nice pictures of green V, red X, and blue || (line "pause" on
> recorders).
>


so, I don't know if I'm the only one here who feels this way, but I
would like to be able to export to an HTML file with ACTUAL HECKBOXES
that I cna check off, say on a phone, when I put the milk in the
shopping art, or pack the swim goggles in the vacation bag, or
whatever.  Maybe though I should be thinking in terms of some other
export application, remember the milk or something.  Am I describing a
different use case than other users here, perhaps?

  parent reply	other threads:[~2013-11-28 21:58 UTC|newest]

Thread overview: 26+ messages / expand[flat|nested]  mbox.gz  Atom feed  top
2013-11-27 15:45 Getting checkboxes in HTML output? Peter Davis
2013-11-27 16:03 ` Nick Dokos
2013-11-27 18:20   ` Peter Davis
2013-11-28 13:33     ` Rick Frankel
2013-11-28 13:55       ` Peter Davis
2013-11-28 16:08       ` Bastien
2013-11-28 17:03         ` Matt Price
2013-11-28 20:51       ` Achim Gratz
2013-11-28 21:26         ` Sebastien Vauban
     [not found]           ` <CAN_Dec9a5v2rqQSvAKpvgLWKsTY8YLoMSvKbtkgak77Bb=nbAg@mail.gmail.com>
2013-11-28 21:58             ` Matt Price [this message]
2013-11-29 16:11               ` Rick Frankel
2013-11-29 18:59                 ` Peter Davis
2013-11-30  6:54                 ` Carsten Dominik
2013-11-30 14:07                   ` Rick Frankel
2013-12-01  6:46                     ` Carsten Dominik
2013-12-02  8:44                       ` Sebastien Vauban
2013-12-02 16:38                         ` Peter Davis
2013-12-03  1:11                           ` Nick Dokos
2013-12-03 12:29                             ` Peter Davis
2013-12-03 15:03                           ` Rick Frankel
2013-12-03 15:24                             ` Sebastien Vauban
2013-12-03 16:56                               ` Peter Davis
2013-12-03 15:14                         ` Rick Frankel
2013-11-29  1:47           ` Eric Abrahamsen
2013-11-28 14:30 ` Waldemar Quevedo
2013-11-28 14:41   ` Waldemar Quevedo

Reply instructions:

You may reply publicly to this message via plain-text email
using any one of the following methods:

* Save the following mbox file, import it into your mail client,
  and reply-to-all from there: mbox

  Avoid top-posting and favor interleaved quoting:
  https://en.wikipedia.org/wiki/Posting_style#Interleaved_style

  List information: https://www.orgmode.org/

* Reply using the --to, --cc, and --in-reply-to
  switches of git-send-email(1):

  git send-email \
    --in-reply-to=CAN_Dec-eZvnV8n_UhwPPuna6_16itS1_79dS26Ya_phawv+Log@mail.gmail.com \
    --to=moptop99@gmail.com \
    --cc=emacs-orgmode@gnu.org \
    /path/to/YOUR_REPLY

  https://kernel.org/pub/software/scm/git/docs/git-send-email.html

* If your mail client supports setting the In-Reply-To header
  via mailto: links, try the mailto: link
Be sure your reply has a Subject: header at the top and a blank line before the message body.
Code repositories for project(s) associated with this public inbox

	https://git.savannah.gnu.org/cgit/emacs/org-mode.git

This is a public inbox, see mirroring instructions
for how to clone and mirror all data and code used for this inbox;
as well as URLs for read-only IMAP folder(s) and NNTP newsgroup(s).