diff options
| author | bjorn <bjorn@bringert.net> | 2008-08-15 11:14:13 +0000 |
|---|---|---|
| committer | bjorn <bjorn@bringert.net> | 2008-08-15 11:14:13 +0000 |
| commit | 08fae303df1df7ffb2e09a3d9d5cbd378dba281c (patch) | |
| tree | 2d216a88183f30121d7cfc8bb3c77adf88ec1a0c /src/server/gf-client.html | |
| parent | 0ce04f1a6e0237c3282be737ba2f2069e318100e (diff) | |
First working version of the AJAX translation client.
Diffstat (limited to 'src/server/gf-client.html')
| -rw-r--r-- | src/server/gf-client.html | 31 |
1 files changed, 29 insertions, 2 deletions
diff --git a/src/server/gf-client.html b/src/server/gf-client.html index 6a4627981..68131a44f 100644 --- a/src/server/gf-client.html +++ b/src/server/gf-client.html @@ -4,9 +4,36 @@ <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script type="text/javascript" src="gf-server-jsapi.js"></script> + <script type="text/javascript" src="translator.js"></script> + <script type="text/javascript"> + function updateTranslation () { + var input = document.getElementById('inputText').value; + var fromLang = document.getElementById('fromLang').value; + var toLang = document.getElementById('toLang').value; + var output = document.getElementById('output'); + var callback = function(translation) { + removeChildren(output); + output.appendChild(formatTranslation(translation)); + }; + gf.translate(input, fromLang, toLang, '', callback); + } + + function populateLangs (langs) { + var f = document.getElementById('fromLang'); + var t = document.getElementById('toLang'); + for (var i in langs) { + addOption(f, langs[i], langs[i]); + addOption(t, langs[i], langs[i]); + } + } + + function initialize() { + gf.getLanguages(populateLangs); + } + </script> <title>Web-based GF Translator</title> </head> - <body> + <body onload="initialize()"> <form id="translate"> <p> <input type="text" name="inputText" id="inputText" value="this cheese is warm" size="50" /> @@ -14,7 +41,7 @@ <p> From: <select name="fromLang" id="fromLang" onchange=""><option value="">Any language</option></select> To: <select name="toLang" id="toLang"><option value="">All languages</option></select> - <input type="button" value="Translate" onclick="translate(document.getElementById('inputText').value,document.getElementById('fromLang').value,document.getElementById('toLang').value,'');" /> + <input type="button" value="Translate" onclick="updateTranslation();" /> </p> </form> <div id="output"></div> |