Php codeing for keyboard Display

Hi Friends
I am try to build a virtual keyboard in PHP. My task is when i am enter in text

box(Focus into text box) i want to display the virtual keyboard in screen when the user

enter the keys through the virtual keyboard those can enter(display) in Text box.when the

user is leave the text-box(text box focus-out) at that time the virtual key board will

hidden.please help me in this task? please send the supported code as soon as possible.

Thanks in Advance.....

 

Hi,
There is no need of PHP for this task. Since this would be done at the client side, you need to make use of the client scripting languages. ie, JavaScript. Use JavaScript or it's easy to use library like jQuery.

Using jQuery, you can get this task done and can even provide rich interactivity, say fading-out the virtual keyboard, etc.

Hope this helps

 

Hi,
I am developing my won product for that this is one concept so i am trying to develop this task so please help me.

The task is we have text-boxes if user can focus on text-box the Virtual keyboard can be visible rest of times it will invisible as like touch mobile feature

Please provide source code for it... thanks in advance

 

Please go through the manual of jQuery, you will get it.

I made the following code to give you the base idea:

jQuery

$(document).ready(function(){
    $('#mybox').focus(function(){
        $('#vkeyboard').show('slow');
    });
    $('#mybox').blur(function(){
        $('#vkeyboard').hide('slow');
    });
});​

Code (markup):

HTML

<input type="text" id="mybox" />

<br />

<div id="vkeyboard" style="display:none;">Virtual keyboard with letters here...</div>​

Code (markup):

You can test it online in here: http://jsfiddle.net/Rs4UD/
Click on the textbox and then click somewhere outside the textbox. You could see the appearing and disappearing of the text(in place of that, you should add more divs/spans for the letters and then add listeners for it, etc).

 

Ho Thank You,
its working properly then how to change the lower case letter and upper case letters in keyboard...

 

Please spend a few hours to understand the basics of javascript and then have a look at the jQuery's documentation.

For reference:

• http://www.w3schools.com/js/default.asp
• http://jquery.com/

 

Ho Thank You for your help i got the output

 

Glad to know that it is sorted out.

Wish you good luck.

 

Search open-source pages you can find at www.sourceforge.net

 

Hi,

One main thing we forget ya its working for feding-in and out but we want the keyboard concept for shoe hidden is ok but the user can click the virtual key that value can assign to the text-box its our concept upto know we can don it for show and hidden as like i can able to display the virtual key board and hide as the same but the user can click the button in virtual keyboard how it can assign as in text box?


Thanks in Advance

 

Hi,

One main thing we forget ya its working for feding-in and out but we want the keyboard concept for show hidden is ok but the user can click the virtual key that value can assign to the text-box its our concept upto know we can don it for show and hidden as like i can able to display the virtual key board and hide as the same but the user can click the button in virtual keyboard how it can assign as in text box?


Thanks in Advance

 

You can make use of the click event. Try reading the above said sites.

 

Its ok please give the source code for the letter "JAVASCRIPT" as a key when user can press those words it can display in text-box its enough for my task please help it.. exp : user can click like(JAVA,SCRIPT,JAVASCRIPT) this.