Source code

var krpanoplugin = function()
{
    var local = this;

    var krpano = null;
    var plugin = null;

    var inputelement = null;

    local.registerplugin = function(krpanointerface, pluginpath, pluginobject)
    {
        krpano = krpanointerface;
        plugin = pluginobject;

        inputelement = document.createElement("input");
        inputelement.type = "text";
        inputelement.style.width  = "100%";
        inputelement.style.height = "100%";

        plugin.registerattribute("text", "", text_set, text_get);
        plugin.registerattribute("onchanged", null);

        inputelement.addEventListener("change", text_changed, true);

        plugin.sprite.appendChild(inputelement);
    }

    local.unloadplugin = function()
    {
        plugin = null;
        krpano = null;
    }

    function text_set(newtext)
    {
        inputelement.value = newtext;
    }

    function text_get()
    {
        return inputelement.value;
    }

    function text_changed()
    {
        krpano.call(plugin.onchanged, plugin);
    }
};

Source code

plugin.sprite.appendChild(inputelement);

Source code

document.getElementsByTagName('body')[0].appendChild(element);