Example Output:

Changing target input field (anonymous, no ID) on the fly.
Text is streamed to the field last focused.

Source: JavaScript Virtual Keyboard By Dmitry Khudorozhkov
Arabic customization by Khaled Al-Shamaa

Keyboard [show|hide]

-



Example Code:


  <script type="text/javascript" src="../I18N/Arabic/js/vkb_implement.js"></script>
  <script type="text/javascript" src="../I18N/Arabic/js/vkboard.js"></script>

  <script type="text/javascript">
      function getNewCaretPositions(ctrl) {
          var offset = ctrl.offsetTop + ctrl.offsetHeight;
          document.getElementById("keyboard").style.top = offset + "px";
          document.getElementById("keyboard").style.left = ctrl.offsetLeft + "px";
          getCaretPositions(ctrl);
      }
  </script>

  <input dir="rtl" size="40" onkeyup="getCaretPositions(this);" onclick="getCaretPositions(this);" /><br /><br />
  <textarea dir="rtl" rows="5" cols="40" onkeyup="getCaretPositions(this);" onclick="getCaretPositions(this);">
  </textarea><br /><br />

  <p><a href="javascript:keyb_change()" onclick="javascript:blur()">Keyboard [show|hide]</a></p>

  <div id="keyboard"></div>

Total execution time is 3.2901763916016E-5 seconds
Amount of memory allocated to this script is 651648 bytes

Names of included or required files: