// virtual keyboard (based on JS/UIX v0.44) // (c) mass:werk (N.Landsteiner) 2003-2007; http://www.masswerk.at // all rights reserved /* TermKeyboard - virtual keyboard gui for termlib.js This is not a really instanciated object, since all instances share the same data. So the constructor is just used to transfer a configuration object. Requires "termlib.js v.1.4". config opts: ------------ imgPath: String: path to image directory with trailing slash (images for options go here) keycapsPath: String: path to the keycaps-images with trailing slash kbdDiv: String: id of the division to write the keyboard graphics to kbdBgColor: String: bgColor for the kbdDiv (default emopty == transparent) outputXHTML: Boolean: controls the syntax of unary tags useOpts: Boolean: if false, no images are defined and loaded for the options Use this only, if you do not intend to show an options bar. optsShowEsc: Boolean: show an ESC button in opts optsColorHandler: Function: Handler for a "Change Color" button extWinHandler: Function: Handler to be called at showing/hiding The handler will recieve a boolean argument for show (true) and hide (false). myKbd = new TermKbd( { kbdDiv: 'myKbdDivId', optsShowEsc: true } ); myKbd.showOpts( 'myOptsDivId' ); // these are optional since show and hide is controlled via the options bar: myKbd.show(); myKbd.hide(); */ var TermKeyboard = function(opts) { // this is not a real instance, since all instances share the same data // we just use the constructor to transfer a configuration object if ((!opts) || (typeof opts != 'object')) opts={}; TermKeyboard.prototype.init(opts); } TermKeyboard.prototype = { imgPath: 'kbd/', keycapsPath: 'kbd/keycaps/', kbdDiv: 'kbdDiv', kbdBgColor: '', //'#222222' outputXHTML: false, useOpts: true, optsShowEsc: false, optsColorHandler: null, extWinHandler: null, docNS4: null, kbdDocNS4: null, layers: null, kbdOn: false, shift: false, cpslk: false, shiftRef: new Array(), cpslkRef: new Array(), unaryTagEnd: '', initProperties: [ 'imgPath', 'keycapsPath', 'kbdDiv', 'kbdBgColor', 'outputXHTML', 'useOpts', 'optsShowEsc', 'optsColorHandler', 'extWinHandler' ], init: function(opts) { for (var i=0; i<\/td>\n'; s+=''+this.makeKbd()+'\n'; s+'<\/td><\tr>\n'; s+='<\/td><\/tr>\n'; s+='<\/table>'; TermGlobals.writeElement(this.kbdDiv,s); if (this.layers) this.kbdDocNS4=document.layers[this.kbdDiv].document; this.kbdOn=true; if (this.extWinHandler) { this.extWinHandler(true); } else { TermGlobals.setVisible(this.kbdDiv,1); TermGlobals.setDisplay(this.kbdDiv,'block'); } this.setKbdButton(0); } }, makeKbd: function() { var s='\n'; var tagend=this.unaryTagEnd; var path=this.keycapsPath; for (var i=0; i'; for (var k=0; k<\/a>'; continue; }; if (kc==32) s+='' else if (kc==28) { s+=''; s+='<\/a>'; continue; } else if (kc==29) { s+='<\/a>'; continue; } else if (kc==8) { s+='<\/a>'; continue; } s+='<\/a>'; if (kc==35) s+='<\/a>'; }; s+='<\/td><\/tr>\n'; }; s+='<\/table>'; return s; }, hide: function() { if (this.kbdOn) this.show(); if (this.extWinHandler) { this.extWinHandler(false); } else { TermGlobals.setVisible(this.kbdDiv,0); TermGlobals.setDisplay(this.kbdDiv,'none'); } }, colorHandler: function() { if (this.optsColorHandler) this.optsColorHandler(); }, showOpts: function(divId) { var tagend=this.unaryTagEnd; var path=this.imgPath; s='
\n
'; s+='show/hide virtual keyboard<\/a>'; if (this.optsColorHandler) { s+='<\/a>'; } s+='<\/td>\n\n'; s+='
cursor left<\/a><\/td>\n'; s+='cursor right<\/a><\/td>\n'; s+='backspace<\/a><\/td>\n'; if (this.optsShowEsc) { s+='esc<\/a><\/td>\n'; } s+='<\/tr><\/table><\/td><\/tr><\/table>'; TermGlobals.writeElement(divId,s); }, cursorLeft: function() { TermGlobals.keyHandler({which:28, _repeat: true}); }, cursorRight: function() { TermGlobals.keyHandler({which:29, _repeat: true}); }, backspace: function() { TermGlobals.keyHandler({which:8, _repeat: true}); }, esc: function() { TermGlobals.keyHandler({which:27, _repeat: true}); }, keyUp: function() { TermGlobals.clearRepeatTimer(); } } //eof