Is it possible to create/ assign shortcut keys for TOC navigation?

Apart from the precise key bindings, this can be done. (Page up and Page down are not registered by the browser as key press events.) This is actually simple in WebHelp, but less so in HTML5 outputs. This post includes instruction for both Multiscreen and Responsive HTML5.

What you need to do (Multiscreen HTML5 only):

1. Get jQuery. (The 1.x version.)  (jQuery is already available in the Responsive layout from RH11.) -- I was too lazy to make it in pure JS ;-)
2. Add the jQuery file in your layout as a baggage file.
3. On the topic page, include a link to the jQuery file. (<script type="text/javascript" src="jquery.min.js"></script> or something similar.
4. Save the file.

Then do the following:

1. Copy the following code into a JS file:

//-- Start of script, do not copy

/* Enable PgUp/PgDwn shortcut for browse sequences */
$(function(){
     var nextBRS = 54;/* Key code of next page key */
     var prevBRS = 52;/* Key code of prev page key */
     
     $backElem = $("#browseSeqBack");
     $forwElem = $("#browseSeqNext");
     
     var custCanGo = function(forward) {
          var canGo = false;
          if(forward) {
               if($forwElem.length != 0) {
                    canGo = true;
               }
          } else {
               if($backElem.length != 0) {
                    canGo = true;
               }
          }
          return canGo;
     };
     var custGoAvenue = function (forward) {
          if(forward) {
               if(custCanGo(true)) {
                    $forwElem[0].click();
               }
          } else {
               if(custCanGo(false)) {
                    $backElem[0].click();
               }
          }
     }
     
     $(window).keypress(function(event){
          if(event.which == nextBRS) {
               custGoAvenue(true);
          } else if(event.which == prevBRS) {
               custGoAvenue(false);
          }
     });
     
});

//--End of script, do not copy

1. Add the JavaScript file in your layout as a baggage file.
2. On the topic page, include a link to the JavaScript file. (<script type="text/javascript" src="myscriptfile.js"></script> or something similar.
3. Save the file.

Alternatively, you can paste it in the file Layout.js if you are using Responsive HTML5.

Last, you need to map the keys you want to use. You can find the codes for the keyboard keys on; http://www.cambiaresearch.com/articles/15/javascript-char-codes-key-codes

In the script, replace the following keys with the keys you want to use:

   var nextBRS = 54;/* Key code of next page key */

   var prevBRS = 52;/* Key code of prev page key */

By default, this is mapped to the numpad 4 and 6 keys. Note that keys like page up/down, home and the arrow keys don't work.

I have tested this in RH11 Responsive HTML5 output and it will work with Multiscreen HTML5 as well. I haven't tested this with topics that occur in multiple browse sequences, so you may want to test that first is you use that.

Greet,

Willam

Hi there

Hmmm, I'm thinking it might be possible to achieve with some scripting modification. Hopefully Willam will pop in here to advise.

Earth to Willam... Earth to Willam... are we reaching you Willam?

Cheers... Rick