emacs-orgmode
[Top][All Lists]
Advanced

[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

Re: [O] ox-html HOWTO? exporting #+RESULTS inside div


From: Cook, Malcolm
Subject: Re: [O] ox-html HOWTO? exporting #+RESULTS inside div
Date: Thu, 5 Nov 2015 00:02:34 +0000

Charles,

Thanks again for you suggestion.

Alas, using 'header-args :wrap org-results-container' has the unforeseen (by 
me) side effect of masking my use of `#+ATTR_HTML :class dataTable` on selected 
exported tables (which I use to allow for search/sortable/scrollable tables).  

Now, the ':class dataTable' attribute is placed on the new <div> instead of the 
<table> with undesired outcome.

Do you have any thoughts on how to accomplish both my goals (apply :class table 
to selected results, and making ALL results be addressable using javascript.  
FYI - My application is to hide all source blocks on html open.  Clicking on a 
source block caption shows the source.  This provides an HTML view that hides 
the source until desired.  My recipients of such analysis write-ups really like 
this.

Thanks,
Malcolm

PS: as an Example of the issue, the following exports the table with :class of 
dataTable.  However, when I uncomment the :wrap directive, and re-eval the 
block, and export, then :class is now on the div...


#+HTML_HEAD: <script src="http://code.jquery.com/jquery-1.11.2.min.js";></script>
#+HTML_HEAD: <link rel="stylesheet" type="text/css" 
href="http://cdn.datatables.net/1.10.9/css/jquery.dataTables.min.css";>
#+HTML_HEAD: <script 
src="http://cdn.datatables.net/1.10.9/js/jquery.dataTables.js";></script>
#
# #+PROPERTY: header-args :wrap org-results-container
#
#+CAPTION: Contrive to display mtcars
#+BEGIN_SRC R :exports both :results value :colnames yes 
mtcars
#+END_SRC
#+ATTR_HTML: :class dataTable 
#+RESULTS:
|  mpg | cyl |  disp |  hp | drat |    wt |  qsec | vs | am | gear | carb |
|------+-----+-------+-----+------+-------+-------+----+----+------+------|
|   21 |   6 |   160 | 110 |  3.9 |  2.62 | 16.46 |  0 |  1 |    4 |    4 |
|   21 |   6 |   160 | 110 |  3.9 | 2.875 | 17.02 |  0 |  1 |    4 |    4 |
| 22.8 |   4 |   108 |  93 | 3.85 |  2.32 | 18.61 |  1 |  1 |    4 |    1 |
| 21.4 |   6 |   258 | 110 | 3.08 | 3.215 | 19.44 |  1 |  0 |    3 |    1 |
| 18.7 |   8 |   360 | 175 | 3.15 |  3.44 | 17.02 |  0 |  0 |    3 |    2 |
| 18.1 |   6 |   225 | 105 | 2.76 |  3.46 | 20.22 |  1 |  0 |    3 |    1 |
| 14.3 |   8 |   360 | 245 | 3.21 |  3.57 | 15.84 |  0 |  0 |    3 |    4 |
| 24.4 |   4 | 146.7 |  62 | 3.69 |  3.19 |    20 |  1 |  0 |    4 |    2 |
| 22.8 |   4 | 140.8 |  95 | 3.92 |  3.15 |  22.9 |  1 |  0 |    4 |    2 |
| 19.2 |   6 | 167.6 | 123 | 3.92 |  3.44 |  18.3 |  1 |  0 |    4 |    4 |
| 17.8 |   6 | 167.6 | 123 | 3.92 |  3.44 |  18.9 |  1 |  0 |    4 |    4 |
| 16.4 |   8 | 275.8 | 180 | 3.07 |  4.07 |  17.4 |  0 |  0 |    3 |    3 |
| 17.3 |   8 | 275.8 | 180 | 3.07 |  3.73 |  17.6 |  0 |  0 |    3 |    3 |
| 15.2 |   8 | 275.8 | 180 | 3.07 |  3.78 |    18 |  0 |  0 |    3 |    3 |
| 10.4 |   8 |   472 | 205 | 2.93 |  5.25 | 17.98 |  0 |  0 |    3 |    4 |
| 10.4 |   8 |   460 | 215 |    3 | 5.424 | 17.82 |  0 |  0 |    3 |    4 |
| 14.7 |   8 |   440 | 230 | 3.23 | 5.345 | 17.42 |  0 |  0 |    3 |    4 |
| 32.4 |   4 |  78.7 |  66 | 4.08 |   2.2 | 19.47 |  1 |  1 |    4 |    1 |
| 30.4 |   4 |  75.7 |  52 | 4.93 | 1.615 | 18.52 |  1 |  1 |    4 |    2 |
| 33.9 |   4 |  71.1 |  65 | 4.22 | 1.835 |  19.9 |  1 |  1 |    4 |    1 |
| 21.5 |   4 | 120.1 |  97 |  3.7 | 2.465 | 20.01 |  1 |  0 |    3 |    1 |
| 15.5 |   8 |   318 | 150 | 2.76 |  3.52 | 16.87 |  0 |  0 |    3 |    2 |
| 15.2 |   8 |   304 | 150 | 3.15 | 3.435 |  17.3 |  0 |  0 |    3 |    2 |
| 13.3 |   8 |   350 | 245 | 3.73 |  3.84 | 15.41 |  0 |  0 |    3 |    4 |
| 19.2 |   8 |   400 | 175 | 3.08 | 3.845 | 17.05 |  0 |  0 |    3 |    2 |
| 27.3 |   4 |    79 |  66 | 4.08 | 1.935 |  18.9 |  1 |  1 |    4 |    1 |
|   26 |   4 | 120.3 |  91 | 4.43 |  2.14 |  16.7 |  0 |  1 |    5 |    2 |
| 30.4 |   4 |  95.1 | 113 | 3.77 | 1.513 |  16.9 |  1 |  1 |    5 |    2 |
| 15.8 |   8 |   351 | 264 | 4.22 |  3.17 |  14.5 |  0 |  1 |    5 |    4 |
| 19.7 |   6 |   145 | 175 | 3.62 |  2.77 |  15.5 |  0 |  1 |    5 |    6 |
|   15 |   8 |   301 | 335 | 3.54 |  3.57 |  14.6 |  0 |  1 |    5 |    8 |
| 21.4 |   4 |   121 | 109 | 4.11 |  2.78 |  18.6 |  1 |  1 |    4 |    2 |



 > -----Original Message-----
 > From: address@hidden [mailto:emacs-
 > address@hidden On Behalf Of Cook, Malcolm
 > Sent: Thursday, October 22, 2015 1:14 AM
 > To: Charles C. Berry <address@hidden>
 > Cc: address@hidden
 > Subject: Re: [O] ox-html HOWTO? exporting #+RESULTS inside div
 > 
 > Charles,
 > 
 > Excellent - that is precisely what I needed.
 > 
 > Additionally, I can avoid having to include the :wrap keyword on every header
 > by specifying a single  buffer-wide  header arguments, such as
 > 
 >     #+PROPERTY: header-args :wrap org-results-container
 > 
 > Thanks,
 > 
 > ~ address@hidden
 > 
 > ________________________________________
 > From: Charles C. Berry <address@hidden>
 > Sent: Wednesday, October 21, 2015 9:18 PM
 > To: Cook, Malcolm
 > Cc: address@hidden
 > Subject: Re: ox-html HOWTO? exporting #+RESULTS inside div
 > 
 > On Wed, 21 Oct 2015, Cook, Malcolm wrote:
 > 
 > > Hi,
 > >
 > > I would like to contrive for the contents of results blocks to be
 > > embedded in a new div with a common class of org-results-container.
 > 
 > Try this:
 > 
 > --8<---------------cut here---------------start------------->8---
 > #+BEGIN_SRC shell :exports both :wrap org-results-container
 > echo "org results here"
 > #+END_SRC
 > --8<---------------cut here---------------end--------------->8---
 > 
 > which html export renders as
 > 
 > --8<---------------cut here---------------start------------->8---
 > <div class="org-results-container">
 > <p>
 > org results here
 > </p>
 > 
 > </div>
 > --8<---------------cut here---------------end--------------->8---
 > 
 > You can add a special-block filter if the <p> ... </p> is unwanted.
 > 
 > HTH,
 > 
 > Chuck



reply via email to

[Prev in Thread] Current Thread [Next in Thread]