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. Il fonctionne très bien, mais j'ai besoin que le clavier apparaisse en bas de l'écran et non sous la zone de saisie/texte.

Dans le fichier externe jquery.keyboard.js, 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 à la place de "null" ? Comment l'ajouter au code ?

Merci

Answer 1

Pour le of il suffit de cibler la fenêtre du document : $(window) .

Voici une démo 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
    }

});​

Puisqu'il s'agit d'un kiosque, vous pourriez aussi vouloir vérifier cette démo qui positionne et redimensionne le clavier. De plus, les boutons précédent et suivant 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 balise pour virtual-keyboard parce que j'ai complètement raté cette question. N'oubliez pas non plus de consulter le documentation .