2 files changed, 51 insertions, 0 deletions
diff --git a/src/server/gf-client.html b/src/server/gf-client.html
new file mode 100644
index 000000000..6a4627981
--- /dev/null
+++ b/src/server/gf-client.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <script type="text/javascript" src="gf-server-jsapi.js"></script>
+    <title>Web-based GF Translator</title>
+  </head>
+  <body>
+    <form id="translate">
+      <p>
+        <input type="text" name="inputText" id="inputText" value="this cheese is warm" size="50" />
+      </p>
+      <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,'');" />
+      </p>
+    </form>
+    <div id="output"></div>
+  </body>
+</html>
diff --git a/src/server/gf-server-jsapi.js b/src/server/gf-server-jsapi.js
new file mode 100644
index 000000000..f9db41ef2
--- /dev/null
+++ b/src/server/gf-server-jsapi.js
@@ -0,0 +1,29 @@
+function translate (input,from,to,cat) {
+  httpGetText("gf.fcgi/translate?input="+escape(input)+"&from="+escape(from)+"&to="+escape(to)+"&cat="+escape(cat), function (output) { alert(output); });
+}
+
+function httpGetText(url, callback) { 
+  var XMLHttpRequestObject = false; 
+
+  if (window.XMLHttpRequest) {
+    XMLHttpRequestObject = new XMLHttpRequest();
+  } else if (window.ActiveXObject) {
+    XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
+  }
+
+  if (XMLHttpRequestObject) {
+    XMLHttpRequestObject.open("GET", url); 
+
+    XMLHttpRequestObject.onreadystatechange = function () { 
+      if (XMLHttpRequestObject.readyState == 4 && XMLHttpRequestObject.status == 200) { 
+          callback(XMLHttpRequestObject.responseText); 
+          delete XMLHttpRequestObject;
+          XMLHttpRequestObject = null;
+      } 
+    } 
+
+    XMLHttpRequestObject.send(null); 
+
+  }
+
+}