Here is an ad hoc approach in which I'm assuming that the page is being viewed on a device that has a touchscreen but no keyboard attached:
- Every textbox in you html must have an event handler for the onfocus event.
- You must include a div or some other suitable container which has the controls (buttons etc) that make up your virtual keyboard.
- Former keyboard container is usually hidden
- Upon receiving the onfocus event you memorize which textbox is currently active and start showing the container with the keyboard
- The keyboard buttons also have event handlers which register when a certain virtual key was pressed
- Execute the appropriate actions on the textbox which was memorized by our code in step 4
- Extra bonus: also memorize the content prior to editing so you can have an undo button on your virtual keyboard in case you messed up your editing.
Start with this and if you run into problems come back and ask more specifically!
Best Regards,
-MRB
Submit an article or tip