nekman / keynavigator Goto Github PK

if it possible to call function to control keynavigator move?

ex:

    var $mOtt = $('ul#example1 li').keynavigator({
            keys: {
                w: 'up',
                a: 'left',
                s: 'down',
                d: 'right',
                enter: function($el) {
                  console.log('pressed enter on', $el.text());
                }
            }
    });

I could walk arrow keys in the area, but could I call direction move by another js funciton?

like: $mOtt.keynavigator.right;

For a simple "html" list, I would like to know how to add this function "activateOn", only when I click on another element, for example an input type="text", placed in other "div" container.

Thanks in advance...

Hi!
Could you please tell me if there is any natural way to jump between elements in multiple containers ? I have a simple table and Bootstrap pagination here and I am curious if there is a way to make it work so when last table element is reached and I press 'next' button it will jump to pagination container and vice versa ? I've been fighting with it for a couple of hours and did not really achieve nothing interesting there. So is there some non-obtrusive way to make it happen or I would need to fork this and modify ?
Thanks

Fix the API with good names on settings, properties and methods. Update documentation.

how it could implement a destroy method? Because useCache = FALSE does not work

By default, we select the active element by a click.
To avoid that multiple events gets registered, we are using:

// this.options.activateOn is by default: 'click'
this.$nodes.off(this.options.activateOn)
        .on(this.options.activateOn, function() {
          self.setActive($(this));
        });

This needs to be handled differently, so that we don't remove previous events (eg. click) that is already set by the user.

Hi @nekman ,

I need your help for keynavigator
http://nekman.github.io/keynavigator/
(this is elegant solution)

I try to combine your script and my where i after row click automatically select html radio button in selected

`$('table#pos_god > tbody tr').keynavigator();

    $('#pos_god tr').click(function() {
        $(this).find('td input[type=radio]').prop('checked', true);
    });`

I need to have:

• auto-focus on table load in first row
• on key navigation to change radio button value for navigated row to checked/unchecked

Can give me some instruction for this ?

Is there any alternatives? Why is it not maintained if this is the only really key navigation out there?!

Whether it is possible to scroll the page with the navigation on the table?

How can I follow links with enter key could you give me an example.

cheers!