Skip to main content
BHSUID
Known Participant
June 10, 2015
Question

virtual keyboard

  • June 10, 2015
  • 1 reply
  • 250 views

Hey! I'm trying to create a virtual keyboard in Adobe Captivate 7. I'm working with the International Phonetic Alphabet, and I would like the user to be able to click on a button, and have that button paste an IPA symbol into a text entry box. Is this possible with Captivate?

    This topic has been closed for replies.

    1 reply

    TLCMediaDesign
    Inspiring
    June 10, 2015

    It should be possible. For HTML5 you'd need a IPA web font. For swf I think you'd need a widget.

    You can populate a text entry box in HTML5 with the following systax:

    document.getElementById("Text_Entry_Box_1" + "_inputField").value = "";

    BHSUID
    BHSUIDAuthor
    Known Participant
    June 10, 2015

    Thank you! I'm assuming I would insert that line of code into the "Execute Javascript" Script window for the button?

    TLCMediaDesign
    Inspiring
    June 10, 2015

    I don't think it would be quite that simple. I would create an external JavaScript function and give the key as an argument.

    First you would need to include the web font in the head of your document

    addKey("A") in the JavaScript window.

    Then in the Function in the HTML or external JS file:

    function addKey(which)

    {

    //add code to apply the web font to the text entry filed.

    document.getElementById("Text_Entry_Box_1").style.font = "webFontName";

    var curentText = document.getElementById("Text_Entry_Box_1" + "_inputField").value;

    document.getElementById("Text_Entry_Box_1" + "_inputField").value = currentText+which;

    }