Position du plugin Virtual Keyboard

Question

J'utilise ce plugin (http://www.jquery4u.com/plugins/jquery-screen-keyboard-plugin/#.UCTg6p1lTkd) pour créer un clavier à l'écran pour un kiosque. Cela fonctionne très bien, mais j'ai besoin que le clavier apparaisse en bas de l'écran, pas en dessous de la zone de saisie/texte.

Dans le fichier jquery.keyboard.js externes que j'ai trouvé ce qui suit:

$.keyboard.defaultOptions = { 

     // *** choose layout & positioning *** 
     layout  : 'qwerty', 
     customLayout : null, 

     position  : { 
      of : null, // optional - null (attach to input/textarea) or a jQuery object (attach elsewhere) 
      my : 'center top', 
      at : 'center top', 
      at2: 'center bottom' // used when "usePreview" is false (centers the keyboard at the bottom of the input/textarea) 
     }, 

Que dois-je utiliser au lieu de « nul »? Comment cela devrait-il être ajouté au code?

Merci

Answer 1

Pour le paramètre of, cible simplement la fenêtre du document: $(window).

est ici a demo et le code:

$('#keyboard').keyboard({ 

    // Used by jQuery UI position utility 
    position: { 
     of: $(window), // null = attach to input/textarea; use $(sel) to attach elsewhere 
     my: 'center bottom', 
     at: 'center bottom', 
     at2: 'center bottom' // used when "usePreview" is false 
    } 

});​ 

Depuis c'est un kiosque, vous pourriez vouloir également vérifier this demo qui positionné et redimensionné le clavier. En outre, les boutons précédents et suivants sont ajoutés dans le clavier ... hmm, je jure qu'il y avait un bouton précédent et suivant. Je vais devoir mettre à jour cette démo.

Note: J'ai ajouté une étiquette pour virtual-keyboard parce que j'ai complètement raté cette question. Assurez-vous également de vérifier le documentation.