Discussion on Virtual Keyboard Interface | Userscripts.org

Positioning Keyboard, replied by Fly_Moe

Fly_Moe — Mon, 16 Nov 2009 15:06:11 +0000

I figured out how to position the keyboard. All I needed to do was change self.VKI_keyboard.style.top and self.VKI_keyboard.style.left. So it looks something like:

self.VKI_keyboard.style.top = "170px";
self.VKI_keyboard.style.left = "-10px";

Now some other questions.

I was able to remove the language drop down but for some reason can't figure out how to remove the check box for the dead keys. I don't want that showing up on the keyboard.

Like I said n my previous post, I have it set up where the user clicks in the input box and the keyboard shows up. I need to set it up where the user can click any where out side of the input box (except the keyboard of course) and the keyboard will disappear. How would I do that?

Finally, I need to add arrow keys (up, down, left, right) on the keyboard as well. I would like to place that to the right of the space bar key. Any suggestions on how to add that functionality?

I'm going to mess around with this and see if I can figure it out. But any help you can provide will be greatly appreciated. Thanks.

Positioning Keyboard, replied by Fly_Moe

Fly_Moe — Fri, 13 Nov 2009 16:16:21 +0000

I was wondering how do I position the Keyboard somewhere on my page other than right below the input box? I've got it set up where the keyboard opens up when the user clicks in the input box, but I'd like the keyboard to open in a fixed position on the page for every input box. I'm still learning javascript and CSS so it's probably something easy that I'm missing. Thanks for any help you can provide.

The keyboard rocks by the way!! Just what I needed.

Clickless Typing, replied by Andrew Burger

Andrew Burger — Sun, 08 Nov 2009 23:28:33 +0000

By the way, I love this script. I am trying to use the clickless feature but it doesn't seem to be working. I am running it on firefox.

install info for IE?, replied by GreyWyvern

GreyWyvern — Tue, 13 Oct 2009 14:46:20 +0000

I installed IE7Pro and could not get any User Scripts to work, even the ones which came with the program pre-installed. I'm not sure what I was doing wrong, but I'll try again later.

At the very least I would have to change all the events from addEventListener to attachEvent, to make them work in IE. To make the same script work in all of IE, FF and Opera, I would need to add a wrapper for both event attachment systems.

A part of me wants to refuse to do this in protest for IE8 not including the DOM event attachment methods ;)

install info for IE?, replied by Neewb

Neewb — Sat, 10 Oct 2009 18:26:40 +0000

Did you try installing IEPro? It might work with that.

one keyboard for all input fields in a form?, replied by Salman Khimani

Salman Khimani — Thu, 08 Oct 2009 04:50:14 +0000

http://tskdesigners.com/gen3/login1.php

this is the new link that m working on.
Further, if u want to edit something then i can provide you with login details to access those things via ftp.

Thanks for support.

Bengali, replied by GreyWyvern

GreyWyvern — Mon, 05 Oct 2009 18:48:51 +0000

I can add it, yes. I think I will wait for a couple more keyboard layout requests before I add it to the released version though. You can always add your own layouts too! :)

one keyboard for all input fields in a form?, replied by GreyWyvern

GreyWyvern — Mon, 05 Oct 2009 13:42:38 +0000

Salman,

I've seen that page already and the keyboard icons are still visible. Are you working on this on another page? I need to see what problems you are having with the progress you have made. I can't implement the keyboard on your site for you; I can point out any bugs to you if you get stuck while implementing it yourself.

Bengali, replied by Aparisim

Aparisim — Sun, 04 Oct 2009 10:28:18 +0000

Can U Add Plz Bengali..I use Dis Language lot And Lot

one keyboard for all input fields in a form?, replied by Salman Khimani

Salman Khimani — Sat, 03 Oct 2009 12:00:32 +0000

http://www.tskdesigners.com/gen3/login.php

here is the URL m working on.
Thanks for being such supportive.

one keyboard for all input fields in a form?, replied by GreyWyvern

GreyWyvern — Thu, 01 Oct 2009 15:21:01 +0000

It's difficult to debug something like this over a forum system where the context isn't visible. The About page of the script has links that lead to my website and my contact form. You can either post a link to your working URI, or you can send it to me via my contact form.

one keyboard for all input fields in a form?, replied by Salman Khimani

Salman Khimani — Wed, 30 Sep 2009 19:18:18 +0000

I did same as you said. Keyboard icons are disappeared and no keyboard is appearing when i click those input fields.

i changed :

var input3 = document.getElementById('input3');
input3.onfocus = function() {
focusedInput = (elem.dir == "rtl") ? this.previousSibling : this.nextSibling;
};
input3.onblur = function() {
focusedInput = false;
};
var input4 = document.getElementById('input4');

-------------------to this:

var input3 = document.getElementById('l_username');
input3.onfocus = function() {
focusedInput = (elem.dir == "rtl") ? this.previousSibling : this.nextSibling;
};
input3.onblur = function() {
focusedInput = false;
};
var input4 = document.getElementById('l_password');

------------------ as per my input field id's. But still not working.

one keyboard for all input fields in a form?, replied by GreyWyvern

GreyWyvern — Wed, 30 Sep 2009 15:28:30 +0000

Just set it up first as in the instructions on the project page: http://www.greywyvern.com/code/javascript/keyboard

Then work on adding the changes/additions I made in the post above. Like I said, they might not work as-is, and may take some modification.

one keyboard for all input fields in a form?, replied by Salman Khimani

Salman Khimani — Wed, 30 Sep 2009 15:04:38 +0000

actually i gave that link as an example. Basically, i have to make this for this page: http://www.tskdesigners.com/gen3/login.php

I can't get one thing, what should i put in <input /> tags and how will i call keyboard to work on those fields?

before login button, m planning to have a keyboard image. When user clicks on that, a keyboard will show up to work on those fields.

one keyboard for all input fields in a form?, replied by GreyWyvern

GreyWyvern — Wed, 30 Sep 2009 14:21:39 +0000

That is a special modification of the code that depends on focus within a group of form elements to direct the input.

Basically what the "Show Keyboard" button is doing there is to detect what form element is currently focused (probably by having a flag set onfocus) and then triggering the keyboard to appear for that element. To complete the effect, the individual keyboard images have been hidden.

The aim of the static version is not to be everything to everyone so something like this would be up to the page author to devise. I can help you get started though.

First I would set a global variable for use by all the form elements:

var focusedInput = false;

Then I would add focus and blur listeners to all of the appropriate form elements:

...
var input3 = document.getElementById('input3');
input3.onfocus = function() {
  focusedInput = (elem.dir == "rtl") ? this.previousSibling : this.nextSibling;
};
input3.onblur = function() {
  focusedInput = false;
};
var input4 = document.getElementById('input4');
...

Then I would add a click listener to the main "Show keyboard" button at the bottom of the form. This listener would then forward the click to the element indicated by the global focusedInput variable.

var showKeyboard = document.getElementById('showKeyboard');
showKeyboard.onclick = function() {
  if (focusedInput) focusedInput.onclick();
};

To complete the script, I would then hide the other keyboard icons with CSS. They would still exist within the flow of the document because their event handers are required for the script to work, but they won't be visible to the user.

.keyboardInputInitiator {
  margin:0px 3px;
  vertical-align:middle;
  cursor:pointer;
  display:none;
}

I'm not sure if this will work right off the bat since I'm typing it all here and not really testing. Hopefully this is a good start for you on your way to reproducing the effect found on your example page.

one keyboard for all input fields in a form?, replied by Salman Khimani

Salman Khimani — Wed, 30 Sep 2009 08:03:51 +0000

Is there any way that i can have one keyboard(static version) working for all input fields present in a form?
Actually i don't want to have keyboard icon after all input fields.

For Example: Last form in the below link:
http://efattal.fr/extjs-dev/examples/virtualkey...

open keyboard when feild selected. , replied by GreyWyvern

GreyWyvern — Tue, 29 Sep 2009 13:56:40 +0000

The userscript version is not designed to work in IE. Only the static version is IE-compatible.

open keyboard when feild selected. , replied by Salman Khimani

Salman Khimani — Tue, 29 Sep 2009 08:52:54 +0000

When i use static version, it works fine with clicking on keyboard icon to show up keyboard. In IE, FF and CHROME.

But when i use user version if found following problems with following changes:

Without editing js:
Works in FF and Chrome but doesn't show keyboard on double click in IE.

When Edited to show on 'focus'(as mentioned above):
Shows keyboard both in FF and Chrome but when i press any key on that, it disappears without writing any key in input field.
in IE, doesn't show keyboard.
m using IE 8.

Typing keyboard keys to produce selected language, replied by GreyWyvern

GreyWyvern — Tue, 11 Aug 2009 15:03:43 +0000

This is outside the scope of the keyboard script. It is meant to assist in filling out form fields, not to capture and modify input from the physical keyboard.

Typing keyboard keys to produce selected language, replied by Serouj

Serouj — Tue, 11 Aug 2009 08:00:12 +0000

I'm not sure if the following very useful feature is currently supported:

If I physically type in "a" I want to see the corresponding letter in the language I have selected. For example, "a" would map to "ա" in Armenian. Is this a possibility? This would allow the use of the screen keyboard to learn the positions of the letters, and then use the actual keyboard (not the screen keyboard) to do the actual typing more quickly.

Please say this is possible!! :)

install info for IE?, replied by GreyWyvern

GreyWyvern — Fri, 07 Aug 2009 20:13:56 +0000

The userscript version of the virtual keyboard is not designed to work in IE. The static version of the script does work in IE though, and you can visit my site using the links on the "About" tab to find it.

The static version is meant to be attached to a single page, or set of pages at a single website. Download the Javascript file, and CSS file and the keyboard icon and include them in your page as you would any other external resource. There are detailed installation instructions on the project page at my website.

Good luck!

install info for IE?, replied by Peter Cassidy

Peter Cassidy — Sat, 01 Aug 2009 21:43:26 +0000

GreyWyvern, how do you install virtual keyboard in IE8? It works fine in Firefox with greasemonkey. I have no JScript experience. I tried to drag keyboard.user.js onto IE but I got a runtime error message on line 64, window is undefined.

open keyboard when feild selected. , replied by FESTER2001

FESTER2001 — Wed, 08 Jul 2009 08:57:40 +0000

That's exactly what i wanted, thanks Heaps!!!

modal pop up keyboard , replied by GreyWyvern

GreyWyvern — Mon, 06 Jul 2009 13:33:48 +0000

That's a good idea, but it really only makes sense for the static version. I might try adding this as an option for the next release.

open keyboard when feild selected. , replied by GreyWyvern

GreyWyvern — Mon, 06 Jul 2009 13:30:36 +0000

If you mean the userScript version, just change the "dblclick" event handler to "focus" or "click".

elem.addEventListener('dblclick', function() { self.VKI_show(this); }, false);

to this:

elem.addEventListener('focus', function() { self.VKI_show(this); }, false);

Or use "click" instead of focus if you want it to appear for mouse click focus only.