diff --git a/web/samples/unminified.html b/web/samples/unminified.html index 1338d3c68c..f2b8b69c3a 100644 --- a/web/samples/unminified.html +++ b/web/samples/unminified.html @@ -23,7 +23,7 @@ - + - + + - + + + - + - + - +

KeymanWeb: Test IFrame connectivity

diff --git a/web/testing/basic-iframe/script.js b/web/testing/basic-iframe/script.js deleted file mode 100644 index 29c1fe18bf..0000000000 --- a/web/testing/basic-iframe/script.js +++ /dev/null @@ -1,80 +0,0 @@ -// JavaScript Document samplehdr.js: Keyboard management for KeymanWeb demonstration pages - -/* - The keyboard name and/or BCP-47 language code must be specified for each keyboard that is to be available. - If the same keyboard is used for several languages, it must be listed for each - language, but the keyboard itself will only be loaded once. - If two (or more) keyboards are to be available for a given language, both must be listed. - Any number of keyboards may be specified in one or more calls. - Keyboard paths may be absolute (with respect to the server root) or relative to the keyboards option path. - The actual keyboard object will be downloaded asynchronously when first selected for use. - - Each argument to addKeyboards() is a string, for example: - european2 loads the current version of the Eurolatin 2 keyboard (for its default language) - european2@fr loads the current version of the Eurolatin 2 keyboard for French - european2@fr@1.2 loads version 1.2 of the Eurolatin 2 keyboard for French - - Argument syntax also supports the following extensions: - @fr load the current version of the default keyboard for French - @fr$ load all available keyboards (current version) for French - - Each call to addKeyboards() requires a single call to the remote server, - (unless all keyboards listed are local and fully specified) so it is better - to use multiple arguments rather than separate function calls. - - Calling addKeyboards() with no arguments returns a list of *all* available keyboards. - The Toolbar (desktop browser) UI is best suited for allowing users to select - the appropriate language and keyboard in this case. - - Keyboards may also be specified by language name using addKeyboardsForLanguage() - for example: - keymanweb.addKeyboardsForLanguage('Burmese'); - - Appending $ to the language name will again cause all available keyboards for that - language to be loaded rather than the default keyboard. - - The first call to addKeyboardsForLanguage() makes an additional call to the - keyman API to load the current list of keyboard/language associations. - - In this example, the following function loads the indicated keyboards, - and is called when the page loads. -*/ - - function loadKeyboards() - { - var kmw=keyman; - - // The first keyboard added will be the default keyboard for touch devices. - // For faster loading, it may be best for the default keyboard to be - // locally sourced. - kmw.addKeyboards({id:'us',name:'English',languages:{id:'en',name:'English'}, - filename:'../us-1.0.js'}); - - // Add more keyboards to the language menu, by keyboard name, - // keyboard name and language code, or just the BCP-47 language code. - kmw.addKeyboards('french','european2@sv','european2@no','@he'); - - // Add a keyboard by language name. Note that the name must be spelled - // correctly, or the keyboard will not be found. (Using BCP-47 codes is - // usually easier.) - kmw.addKeyboardsForLanguage('Dzongkha'); - - // Add a fully-specified, locally-sourced, keyboard with custom font - kmw.addKeyboards({id:'lao_2008_basic',name:'Lao Basic', - languages:{ - id:'lo',name:'Lao',region:'Asia', - font:{family:'LaoWeb',source:['../font/saysettha_web.ttf','../font/saysettha_web.woff','../font/saysettha_web.eot']} - }, - filename:'../lao_2008_basic.js' - }); - - // The following two optional calls should be delayed until language menus are fully loaded: - // (a) a specific mapped input element input is focused, to ensure that the OSK appears - // (b) a specific keyboard is loaded, rather than the keyboard last used. - //window.setTimeout(function(){kmw.setActiveElement('ta1',true);},2500); - //window.setTimeout(function(){kmw.setActiveKeyboard('Keyboard_french','fr');},3000); - - // Note that locally specified keyboards will be listed before keyboards - // requested from the remote server by user interfaces that do not order - // keyboards alphabetically by language. - } \ No newline at end of file diff --git a/web/testing/chirality/index.html b/web/testing/chirality/index.html index 4cd31cdea7..0c76b46eaa 100644 --- a/web/testing/chirality/index.html +++ b/web/testing/chirality/index.html @@ -23,7 +23,7 @@ - + - + + - + + - + + - + + - + + - + - + + - +

KeymanWeb: Test page for interactions between setActiveKeyboard and the toolbar UI

This version is used to test the interactions of SetActiveKeyboard with the Toolbar UI.

@@ -58,7 +59,7 @@
  • french, fr
  • european2, no
  • european2, sv
    • -
  • hebrew, heb
    • +
  • hebrew, he
  • dzongkha, dzo
  • lao_2008_basic, lo
    • diff --git a/web/testing/issue29/index.html b/web/testing/issue29/index.html index f67fd12e8c..12e6b1e125 100644 --- a/web/testing/issue29/index.html +++ b/web/testing/issue29/index.html @@ -23,7 +23,7 @@ - + - + - + + - +

    KeymanWeb: Test desktop MutationObserver functionality

    diff --git a/web/testing/issue29/issue-29.js b/web/testing/issue29/issue-29.js index a292302c54..89fed7d541 100644 --- a/web/testing/issue29/issue-29.js +++ b/web/testing/issue29/issue-29.js @@ -1,128 +1,45 @@ -// JavaScript Document samplehdr.js: Keyboard management for KeymanWeb demonstration pages +{ +var inputCounter = 1; +} -/* - The keyboard name and/or BCP-47 code must be specified for each keyboard that is to be available. - If the same keyboard is used for several languages, it must be listed for each - language, but the keyboard itself will only be loaded once. - If two (or more) keyboards are to be available for a given language, both must be listed. - Any number of keyboards may be specified in one or more calls. - Keyboard paths may be absolute (with respect to the server root) or relative to the keyboards option path. - The actual keyboard object will be downloaded asynchronously when first selected for use. - - Each argument to addKeyboards() is a string, for example: - european2 loads the current version of the Eurolatin 2 keyboard (for its default language) - european2@fr loads the current version of the Eurolatin 2 keyboard for French - european2@fr@1.2 loads version 1.2 of the Eurolatin 2 keyboard for French - - Argument syntax also supports the following extensions: - @fr load the current version of the default keyboard for French - @fr$ load all available keyboards (current version) for French - - Each call to addKeyboards() requires a single call to the remote server, - (unless all keyboards listed are local and fully specified) so it is better - to use multiple arguments rather than separate function calls. - - Calling addKeyboards() with no arguments returns a list of *all* available keyboards. - The Toolbar (desktop browser) UI is best suited for allowing users to select - the appropriate language and keyboard in this case. +function addInputs() { + var masterDiv = document.getElementById('DynamicTextboxes'); - Keyboards may also be specified by language name using addKeyboardsForLanguage() - for example: - keymanweb.addKeyboardsForLanguage('Burmese'); - - Appending $ to the language name will again cause all available keyboards for that - language to be loaded rather than the default keyboard. - - The first call to addKeyboardsForLanguage() makes an additional call to the - keyman API to load the current list of keyboard/language associations. + var newTextArea = document.createElement("textarea"); - In this example, the following function loads the indicated keyboards, - and is called when the page loads. -*/ + var i = inputCounter++; - function loadKeyboards() - { - var kmw=keyman; - - // The first keyboard added will be the default keyboard for touch devices. - // For faster loading, it may be best for the default keyboard to be - // locally sourced. - kmw.addKeyboards({id:'us',name:'English',languages:{id:'en',name:'English'}, - filename:'../us-1.0.js'}); - - // Add more keyboards to the language menu, by keyboard name, - // keyboard name and language code, or just the BCP-47 language code. - kmw.addKeyboards('french','european2@sv','european2@no','@he'); - - // Add a keyboard by language name. Note that the name must be spelled - // correctly, or the keyboard will not be found. (Using BCP-47 codes is - // usually easier.) - kmw.addKeyboardsForLanguage('Dzongkha'); - - // Add a fully-specified, locally-sourced, keyboard with custom font - kmw.addKeyboards({id:'lao_2008_basic',name:'Lao Basic', - languages:{ - id:'lo',name:'Lao',region:'Asia', - font:{family:'LaoWeb',source:['../font/saysettha_web.ttf','../font/saysettha_web.woff','../font/saysettha_web.eot']} - }, - filename:'../lao_2008_basic.js' - }); + newTextArea.id = 'ta' + i; + newTextArea.className = 'test'; + newTextArea.placeholder = "Dynamic area!"; - // The following two optional calls should be delayed until language menus are fully loaded: - // (a) a specific mapped input element input is focused, to ensure that the OSK appears - // (b) a specific keyboard is loaded, rather than the keyboard last used. - //window.setTimeout(function(){kmw.setActiveElement('ta1',true);},2500); - //window.setTimeout(function(){kmw.setActiveKeyboard('Keyboard_french','fr');},3000); - - // Note that locally specified keyboards will be listed before keyboards - // requested from the remote server by user interfaces that do not order - // keyboards alphabetically by language. - } - - { - var inputCounter = 1; - } - - function addInputs() - { - var masterDiv = document.getElementById('DynamicTextboxes'); - - var newTextArea = document.createElement("textarea"); - - var i = inputCounter++; - - newTextArea.id = 'ta' + i; - newTextArea.className = 'test'; - newTextArea.placeholder = "Dynamic area!"; - - var newInput = document.createElement("input"); - newInput.id = 'in' + i; - newInput.className = 'test'; - newInput.placeholder = "Dynamic area!"; - - //masterDiv.appendChild(newTextArea); - //masterDiv.appendChild(newInput); - - var newDiv = document.createElement("div"); - - newDiv.appendChild(newTextArea); - newDiv.appendChild(newInput); - - masterDiv.appendChild(newDiv); - } - - function addIFrame() - { - var masterDiv = document.getElementById('DynamicTextboxes'); - - var frame = document.createElement("iframe"); - frame.height = "100"; - frame.src = "issue-29-iframe.html"; - frame.onload = function() {console.log('Original onload!');}; - - //masterDiv.appendChild(frame); - - var newDiv = document.createElement("div"); - newDiv.appendChild(frame); - masterDiv.appendChild(newDiv); - } \ No newline at end of file + var newInput = document.createElement("input"); + newInput.id = 'in' + i; + newInput.className = 'test'; + newInput.placeholder = "Dynamic area!"; + + //masterDiv.appendChild(newTextArea); + //masterDiv.appendChild(newInput); + + var newDiv = document.createElement("div"); + + newDiv.appendChild(newTextArea); + newDiv.appendChild(newInput); + + masterDiv.appendChild(newDiv); +} + +function addIFrame() { + var masterDiv = document.getElementById('DynamicTextboxes'); + + var frame = document.createElement("iframe"); + frame.height = "100"; + frame.src = "issue-29-iframe.html"; + frame.onload = function() {console.log('Original onload!');}; + + //masterDiv.appendChild(frame); + + var newDiv = document.createElement("div"); + newDiv.appendChild(frame); + masterDiv.appendChild(newDiv); +} \ No newline at end of file diff --git a/web/testing/issue53/index.html b/web/testing/issue53/index.html index 3d7c850e90..42d6e94c9e 100644 --- a/web/testing/issue53/index.html +++ b/web/testing/issue53/index.html @@ -23,7 +23,7 @@ - + - + + - + + - +

    KeymanWeb: Light test for touch-based MutationObserver functionality

    diff --git a/web/testing/issue62/issue-62.js b/web/testing/issue62/issue-62.js index 3e53e21806..2baf9d63fb 100644 --- a/web/testing/issue62/issue-62.js +++ b/web/testing/issue62/issue-62.js @@ -1,98 +1,17 @@ -// JavaScript Document samplehdr.js: Keyboard management for KeymanWeb demonstration pages +function addInputs() +{ + var masterDiv = document.getElementById('DynamicTextboxes'); -/* - The keyboard name and/or BCP-47 code must be specified for each keyboard that is to be available. - If the same keyboard is used for several languages, it must be listed for each - language, but the keyboard itself will only be loaded once. - If two (or more) keyboards are to be available for a given language, both must be listed. - Any number of keyboards may be specified in one or more calls. - Keyboard paths may be absolute (with respect to the server root) or relative to the keyboards option path. - The actual keyboard object will be downloaded asynchronously when first selected for use. - - Each argument to addKeyboards() is a string, for example: - european2 loads the current version of the Eurolatin 2 keyboard (for its default language) - european2@fr loads the current version of the Eurolatin 2 keyboard for French - european2@fr@1.2 loads version 1.2 of the Eurolatin 2 keyboard for French - - Argument syntax also supports the following extensions: - @fr load the current version of the default keyboard for French - @fr$ load all available keyboards (current version) for French - - Each call to addKeyboards() requires a single call to the remote server, - (unless all keyboards listed are local and fully specified) so it is better - to use multiple arguments rather than separate function calls. - - Calling addKeyboards() with no arguments returns a list of *all* available keyboards. - The Toolbar (desktop browser) UI is best suited for allowing users to select - the appropriate language and keyboard in this case. + var newTextArea = document.createElement("textarea"); + newTextArea.id = 'ta2'; + newTextArea.className = 'test'; + newTextArea.placeholder = "Dynamic area!"; - Keyboards may also be specified by language name using addKeyboardsForLanguage() - for example: - keymanweb.addKeyboardsForLanguage('Burmese'); - - Appending $ to the language name will again cause all available keyboards for that - language to be loaded rather than the default keyboard. - - The first call to addKeyboardsForLanguage() makes an additional call to the - keyman API to load the current list of keyboard/language associations. + var newInput = document.createElement("input"); + newInput.id = 'in2'; + newInput.className = 'test'; + newInput.placeholder = "Dynamic area!"; - In this example, the following function loads the indicated keyboards, - and is called when the page loads. -*/ - - function loadKeyboards() - { - var kmw=keyman; - - // The first keyboard added will be the default keyboard for touch devices. - // For faster loading, it may be best for the default keyboard to be - // locally sourced. - kmw.addKeyboards({id:'us',name:'English',languages:{id:'en',name:'English'}, - filename:'../us-1.0.js'}); - - // Add more keyboards to the language menu, by keyboard name, - // keyboard name and language code, or just the BCP-47 language code. - kmw.addKeyboards('french','european2@sv','european2@no','@he'); - - // Add a keyboard by language name. Note that the name must be spelled - // correctly, or the keyboard will not be found. (Using BCP-47 codes is - // usually easier.) - kmw.addKeyboardsForLanguage('Dzongkha'); - - // Add a fully-specified, locally-sourced, keyboard with custom font - kmw.addKeyboards({id:'lao_2008_basic',name:'Lao Basic', - languages:{ - id:'lo',name:'Lao',region:'Asia', - font:{family:'LaoWeb',source:['../font/saysettha_web.ttf','../font/saysettha_web.woff','../font/saysettha_web.eot']} - }, - filename:'../lao_2008_basic.js' - }); - - // The following two optional calls should be delayed until language menus are fully loaded: - // (a) a specific mapped input element input is focused, to ensure that the OSK appears - // (b) a specific keyboard is loaded, rather than the keyboard last used. - //window.setTimeout(function(){kmw.setActiveElement('ta1',true);},2500); - //window.setTimeout(function(){kmw.setActiveKeyboard('Keyboard_french','fr');},3000); - - // Note that locally specified keyboards will be listed before keyboards - // requested from the remote server by user interfaces that do not order - // keyboards alphabetically by language. - } - - function addInputs() - { - var masterDiv = document.getElementById('DynamicTextboxes'); - - var newTextArea = document.createElement("textarea"); - newTextArea.id = 'ta2'; - newTextArea.className = 'test'; - newTextArea.placeholder = "Dynamic area!"; - - var newInput = document.createElement("input"); - newInput.id = 'in2'; - newInput.className = 'test'; - newInput.placeholder = "Dynamic area!"; - - masterDiv.appendChild(newTextArea); - masterDiv.appendChild(newInput); - } \ No newline at end of file + masterDiv.appendChild(newTextArea); + masterDiv.appendChild(newInput); +} \ No newline at end of file diff --git a/web/testing/issue63/index.html b/web/testing/issue63/index.html index a42039e110..a62b8cade4 100644 --- a/web/testing/issue63/index.html +++ b/web/testing/issue63/index.html @@ -23,7 +23,7 @@ - + - + + - +

    KeymanWeb: Test/stress-test touch-based MutationObserver functionality

    diff --git a/web/testing/issue63/issue-63.js b/web/testing/issue63/issue-63.js index 1f57e15e4e..5bc5a9e792 100644 --- a/web/testing/issue63/issue-63.js +++ b/web/testing/issue63/issue-63.js @@ -1,156 +1,70 @@ -// JavaScript Document samplehdr.js: Keyboard management for KeymanWeb demonstration pages +{ +var inputCounter = 1; +var removalCounter = 1; +var removedElements = []; +} -/* - The keyboard name and/or BCP-47 code must be specified for each keyboard that is to be available. - If the same keyboard is used for several languages, it must be listed for each - language, but the keyboard itself will only be loaded once. - If two (or more) keyboards are to be available for a given language, both must be listed. - Any number of keyboards may be specified in one or more calls. - Keyboard paths may be absolute (with respect to the server root) or relative to the keyboards option path. - The actual keyboard object will be downloaded asynchronously when first selected for use. - - Each argument to addKeyboards() is a string, for example: - european2 loads the current version of the Eurolatin 2 keyboard (for its default language) - european2@fr loads the current version of the Eurolatin 2 keyboard for French - european2@fr@1.2 loads version 1.2 of the Eurolatin 2 keyboard for French - - Argument syntax also supports the following extensions: - @fr load the current version of the default keyboard for French - @fr$ load all available keyboards (current version) for French - - Each call to addKeyboards() requires a single call to the remote server, - (unless all keyboards listed are local and fully specified) so it is better - to use multiple arguments rather than separate function calls. - - Calling addKeyboards() with no arguments returns a list of *all* available keyboards. - The Toolbar (desktop browser) UI is best suited for allowing users to select - the appropriate language and keyboard in this case. +function addInputs() { + var masterDiv = document.getElementById('DynamicTextboxes'); - Keyboards may also be specified by language name using addKeyboardsForLanguage() - for example: - keymanweb.addKeyboardsForLanguage('Burmese'); - - Appending $ to the language name will again cause all available keyboards for that - language to be loaded rather than the default keyboard. - - The first call to addKeyboardsForLanguage() makes an additional call to the - keyman API to load the current list of keyboard/language associations. + var newTextArea = document.createElement("textarea"); - In this example, the following function loads the indicated keyboards, - and is called when the page loads. -*/ + var i = inputCounter++; - function loadKeyboards() - { - var kmw=keyman; - - // The first keyboard added will be the default keyboard for touch devices. - // For faster loading, it may be best for the default keyboard to be - // locally sourced. - kmw.addKeyboards({id:'us',name:'English',languages:{id:'en',name:'English'}, - filename:'../us-1.0.js'}); - - // Add more keyboards to the language menu, by keyboard name, - // keyboard name and language code, or just the BCP-47 language code. - kmw.addKeyboards('french','european2@sv','european2@no','@he'); - - // Add a keyboard by language name. Note that the name must be spelled - // correctly, or the keyboard will not be found. (Using BCP-47 codes is - // usually easier.) - kmw.addKeyboardsForLanguage('Dzongkha'); - - // Add a fully-specified, locally-sourced, keyboard with custom font - kmw.addKeyboards({id:'lao_2008_basic',name:'Lao Basic', - languages:{ - id:'lo',name:'Lao',region:'Asia', - font:{family:'LaoWeb',source:['../font/saysettha_web.ttf','../font/saysettha_web.woff','../font/saysettha_web.eot']} - }, - filename:'../lao_2008_basic.js' - }); + newTextArea.id = 'ta' + i; + newTextArea.className = 'test'; + newTextArea.placeholder = "Dynamic area #" + i + "!"; - // The following two optional calls should be delayed until language menus are fully loaded: - // (a) a specific mapped input element input is focused, to ensure that the OSK appears - // (b) a specific keyboard is loaded, rather than the keyboard last used. - //window.setTimeout(function(){kmw.setActiveElement('ta1',true);},2500); - //window.setTimeout(function(){kmw.setActiveKeyboard('Keyboard_french','fr');},3000); - - // Note that locally specified keyboards will be listed before keyboards - // requested from the remote server by user interfaces that do not order - // keyboards alphabetically by language. + var newInput = document.createElement("input"); + newInput.id = 'in' + i; + newInput.className = 'test'; + newInput.placeholder = "Dynamic area #" + i + "!"; + + //masterDiv.appendChild(newTextArea); + //masterDiv.appendChild(newInput); + + var newDiv = document.createElement("div"); + newDiv.id = "dynamic_div" + i; + + //newDiv.appendChild(newTextArea); + newDiv.appendChild(newInput); + + masterDiv.appendChild(newDiv); +} + +function removeInputs() { + var parent = document.getElementById('DynamicTextboxes'); + var div = document.getElementById("dynamic_div" + removalCounter); + if(div) { + removalCounter++; + parent.removeChild(div); + removedElements.push(div); } - +} + +function restoreInputs() { + var masterDiv = document.getElementById('DynamicTextboxes'); + removalCounter = 1; + + for(var i = 0; i < removedElements.length; i++) { - var inputCounter = 1; - var removalCounter = 1; - var removedElements = []; + masterDiv.appendChild(removedElements[i]); } - - function addInputs() - { - var masterDiv = document.getElementById('DynamicTextboxes'); - - var newTextArea = document.createElement("textarea"); - - var i = inputCounter++; - - newTextArea.id = 'ta' + i; - newTextArea.className = 'test'; - newTextArea.placeholder = "Dynamic area #" + i + "!"; - - var newInput = document.createElement("input"); - newInput.id = 'in' + i; - newInput.className = 'test'; - newInput.placeholder = "Dynamic area #" + i + "!"; - - //masterDiv.appendChild(newTextArea); - //masterDiv.appendChild(newInput); - - var newDiv = document.createElement("div"); - newDiv.id = "dynamic_div" + i; - - //newDiv.appendChild(newTextArea); - newDiv.appendChild(newInput); - - masterDiv.appendChild(newDiv); - } - - function removeInputs() - { - var parent = document.getElementById('DynamicTextboxes'); - var div = document.getElementById("dynamic_div" + removalCounter); - if(div) - { - removalCounter++; - parent.removeChild(div); - removedElements.push(div); - } - } - - function restoreInputs() - { - var masterDiv = document.getElementById('DynamicTextboxes'); - removalCounter = 1; - - for(var i = 0; i < removedElements.length; i++) - { - masterDiv.appendChild(removedElements[i]); - } - - removedElements = []; - } - - function addIFrame() - { - var masterDiv = document.getElementById('DynamicTextboxes'); - - var frame = document.createElement("iframe"); - frame.height = "100"; - frame.src = "issue-29-iframe.html"; - frame.onload = function() {console.log('Original onload!');}; - - //masterDiv.appendChild(frame); - - var newDiv = document.createElement("div"); - newDiv.appendChild(frame); - masterDiv.appendChild(newDiv); - } \ No newline at end of file + + removedElements = []; +} + +function addIFrame() { + var masterDiv = document.getElementById('DynamicTextboxes'); + + var frame = document.createElement("iframe"); + frame.height = "100"; + frame.src = "issue-29-iframe.html"; + frame.onload = function() {console.log('Original onload!');}; + + //masterDiv.appendChild(frame); + + var newDiv = document.createElement("div"); + newDiv.appendChild(frame); + masterDiv.appendChild(newDiv); +} \ No newline at end of file diff --git a/web/testing/keyboard-errors/index.html b/web/testing/keyboard-errors/index.html index 2543065e2c..913bc484d3 100644 --- a/web/testing/keyboard-errors/index.html +++ b/web/testing/keyboard-errors/index.html @@ -23,7 +23,7 @@ - + - + + - + - + diff --git a/web/testing/unminified.html b/web/testing/unminified.html index 4fa727114e..f83b4ba2cb 100644 --- a/web/testing/unminified.html +++ b/web/testing/unminified.html @@ -23,7 +23,7 @@ - + - + - +