Keyboard does not appear after adding a new keyboard

[jmdurdin]

Using Keymanweb 2.0 build 396.

Can dynamically add a keyboard from a html select list on a form, but cannot display the keyboard to the form. The user must manually mouse click on the keyboard from the keyboard menu to display the keyboard.

Here is the code:

(function(kmw) { 
    kmw.init();   
    if ($("#id_language_code").val() == 'ar' ) {
        kmw.addKeyboards('arabic_101'); // this will add the keyboard.
        kmw.setActiveKeyboard('Keyboard_arabic_101','arb'); // this should display the vkb .
    } else if ($("#id_language_code").val() == 'ru' ) {
        kmw.addKeyboards('russian'); // this will add the keyboard
        kmw.setActiveKeyboard('Keyboard_russian','rus'); // this should display the vkb 
    }       
}...

The code appears to be correct, but the API does not work as documented.

[jmdurdin]

The main issue is that a delay is needed between installing and activating the keyboard.

The steps needed are:

1. add the keyboard (using addKeyboards).
2. wait until it has been added and is available to be selected
3. select that keyboard, specifying both the (internal) keyboard name and language code
4. set the focus to any editable element (otherwise the OSK will not appear)
5. tell KeymanWeb to display the OSK

Here is one way to do that. Include the following function:

  function useKeyboard(kbdName,elId)
  {
    var kmw=tavultesoft.keymanweb,kbd=kmw.getKeyboard('Keyboard_'+kbdName); 
    if(kbd == null)
    {
       var tWait=(arguments.length > 2 ? arguments[2] : 10000);
       if (tWait > 0) window.setTimeout(function () { useKeyboard(kbdName, elId, tWait - 50); }, 50);
    }
    else
    {
          kmw.setActiveKeyboard(kbd.InternalName, kbd.LanguageCode);
          document.getElementById(elId).focus();
          kmw.osk.show(1);     
    }
  }

then call it with the keyboard name and an element id after your call to addKeyboards(), for example:

var kmw=window.tavultesoft.keymanweb;
kmw.addKeyboards('arabic_101');
useKeyboard('arabic_101','ta1');