From mboxrd@z Thu Jan  1 00:00:00 1970
From: "Sebastien Vauban" <sva-news-D0wtAvR13HarG/iDocfnWg@public.gmane.org>
Subject: Re: Getting checkboxes in HTML output?
Date: Thu, 28 Nov 2013 22:26:53 +0100
Message-ID: <86haawtdya.fsf@somewhere.org>
References: <20131127154534.GA12765@pdavismbp15.iscinternal.com>
	<8738mhal2d.fsf@alphaville.bos.redhat.com>
	<20131127182059.GB12765@pdavismbp15.iscinternal.com>
	<20131128133329.GA28945@eyeBook> <87vbzc9rmj.fsf@Rainer.invalid>
Mime-Version: 1.0
Content-Type: text/plain; charset=utf-8
Content-Transfer-Encoding: quoted-printable
Return-path: <emacs-orgmode-bounces+geo-emacs-orgmode=m.gmane.org-mXXj517/zsQ@public.gmane.org>
List-Id: "General discussions about Org-mode." <emacs-orgmode.gnu.org>
List-Unsubscribe: <https://lists.gnu.org/mailman/options/emacs-orgmode>,
	<mailto:emacs-orgmode-request-mXXj517/zsQ@public.gmane.org?subject=unsubscribe>
List-Archive: <http://lists.gnu.org/archive/html/emacs-orgmode>
List-Post: <mailto:emacs-orgmode-mXXj517/zsQ@public.gmane.org>
List-Help: <mailto:emacs-orgmode-request-mXXj517/zsQ@public.gmane.org?subject=help>
List-Subscribe: <https://lists.gnu.org/mailman/listinfo/emacs-orgmode>,
	<mailto:emacs-orgmode-request-mXXj517/zsQ@public.gmane.org?subject=subscribe>
Errors-To: emacs-orgmode-bounces+geo-emacs-orgmode=m.gmane.org-mXXj517/zsQ@public.gmane.org
Sender: emacs-orgmode-bounces+geo-emacs-orgmode=m.gmane.org-mXXj517/zsQ@public.gmane.org
To: emacs-orgmode-mXXj517/zsQ@public.gmane.org

Achim Gratz wrote:
> Rick Frankel writes:
>> For xhtml compatibility, it would need to be 'checked=3D"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("[=C2=A0]")')
          .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).

Best regards,
  Seb

--=20
Sebastien Vauban