Keyboard letters g, m, t & b does not work when pressed

[asciidoctor]

Keyboard letters g, m, t & b does not work when pressed

[lordofthejars]

Yes it seems this is the cause, in asciidoctor deckjs backend we are
generating a plain (minium) deck.js. But you can add your own javascript in
generated html (https://github.com/asciidoctor/asciidoctor-backends#settings),
you can create that javascript with your requirements. I think it should
work because jQuery will be already instantiated. If not you can modify the
document.html.haml file and add these content, and send a pull request :D.

Thank you so much for using AsciiDoc and Asciidoctor.

Alex.

2013/11/19 Charles Moulliard [email protected]

I think that I know the reason. This is because the deck.js backend (
https://github.com/asciidoctor/asciidoctor-backends/blob/master/haml/deckjs/document.html.haml)
does not add the following lines to be able to use the options (g = goto, m
= menu, b = blank page, t=table of contents)

What we generate today -->

#

<script src="deck.js/jquery-1.7.2.min.js"></script> <script src="deck.js/core/deck.core.js"></script> <script src="deck.js/core/deck.core.js"></script> <script src="deck.js/extensions/hash/deck.hash.js"></script> <script src="deck.js/extensions/menu/deck.menu.js"></script> <script src="deck.js/extensions/goto/deck.goto.js"></script> <script src="deck.js/extensions/status/deck.status.js"></script> <script src="deck.js/extensions/navigation/deck.navigation.js"></script> <script src="deck.js/extensions/scale/deck.scale.js"></script> <script> $(function() { $.deck('.slide'); }); </script>

but should be -->

←
→

/

Go to slide:

#

<script> (function($, deck, undefined) { $.deck.defaults.keys["previous"] = [8, 33, 37, 39]; $.deck.defaults.keys["next"] = [13, 32, 34, 39]; $.extend(true, $[deck].defaults, { countNested: false }); $.deck('.slide'); })(jQuery, 'deck'); </script>

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/29
.

+----------------------------------------------------------+
Alex Soto Bueno - Computer Engineer
www.lordofthejars.com
+----------------------------------------------------------+

[cmoulliard]

After looking to the code of the document.html.haml page, I discovered 3
things :

1. :navigation & :status are well defined. So I will have a look why this
   syntax has not been added using asciidoctor + maven plugin to the HTML page
   generated
2. :menu option should be added to document.html.haml be able to display a
   table of Content
3. There is no form tag required by deckjs like this one :
   https://github.com/padrino/padrino-framework/blob/master/padrino-helpers/test/fixtures/markup_app/views/form_tag.haml.
   What can we do to support form ?

On Tue, Nov 19, 2013 at 11:19 AM, Alex Soto [email protected]:

Yes it seems this is the cause, in asciidoctor deckjs backend we are
generating a plain (minium) deck.js. But you can add your own javascript
in
generated html (
https://github.com/asciidoctor/asciidoctor-backends#settings),
you can create that javascript with your requirements. I think it should
work because jQuery will be already instantiated. If not you can modify
the
document.html.haml file and add these content, and send a pull request :D.

Thank you so much for using AsciiDoc and Asciidoctor.

Alex.

2013/11/19 Charles Moulliard [email protected]

I think that I know the reason. This is because the deck.js backend (

https://github.com/asciidoctor/asciidoctor-backends/blob/master/haml/deckjs/document.html.haml)

does not add the following lines to be able to use the options (g =
goto, m
= menu, b = blank page, t=table of contents)

What we generate today -->

#

<script src="deck.js/jquery-1.7.2.min.js"></script> <script src="deck.js/core/deck.core.js"></script> <script src="deck.js/core/deck.core.js"></script> <script src="deck.js/extensions/hash/deck.hash.js"></script> <script src="deck.js/extensions/menu/deck.menu.js"></script> <script src="deck.js/extensions/goto/deck.goto.js"></script> <script src="deck.js/extensions/status/deck.status.js"></script> <script src="deck.js/extensions/navigation/deck.navigation.js"></script> <script src="deck.js/extensions/scale/deck.scale.js"></script> <script> $(function() { $.deck('.slide'); }); </script>

but should be -->

←
→

/

Go to slide:

#

<script> (function($, deck, undefined) { $.deck.defaults.keys["previous"] = [8, 33, 37, 39]; $.deck.defaults.keys["next"] = [13, 32, 34, 39]; $.extend(true, $[deck].defaults, { countNested: false }); $.deck('.slide'); })(jQuery, 'deck'); </script>

—
Reply to this email directly or view it on GitHub<
https://github.com/asciidoctor/asciidoctor-backends/issues/29>
.

+----------------------------------------------------------+
Alex Soto Bueno - Computer Engineer
www.lordofthejars.com
+----------------------------------------------------------+

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/29#issuecomment-28779043
.

Charles Moulliard
Apache Committer / Architect @redhat
Twitter : @cmoulliard | Blog : http://cmoulliard.github.io

[cmoulliard]

Submit a pull request to solve the problem

[cmoulliard]

Javascript and css added to the HTML page generated are not correct as they don't allow to use key functions 't' and 'b'.

[cmoulliard]

Solved with this pull request : #31