$STR = <<<EOT
-<script>
-//==============================================================
-//function to show password contents
-//==============================================================
-function showpass()
-
-{
-var datain;
-
-datain=document.getElementById("myInput");
-if (datain.type==="password") {
- datain.type="text";
- }
-else {
- datain.type="password";
- }
-}
-
-</script>
-
<table border="0" align="center" width="500" cellpadding="0" cellspacing="0">
<tr>
<td><img src="/reg-icons/login.gif" alt="" border="0" /></td>
<td align="left" nowrap="nowrap">$lngemail:</td>
<td>
<input type="text" name="email" size="20" onchange="" />
- <select id="first-choice">
- <option selected value="eng">Language</option>
- <option value="Eng">English</option>
- <option value="Fra">Francais</option>
+ <select id="first-choice" onchange="updateTranslations()">
+ <option value="en">English</option>
+ <option value="fr">Francais</option>
</select>
</td>
</tr>
<input type="checkbox" onclick="showpass()" >$lngshow
</td>
</tr>
+ <tr>
+
+ <td align="left" nowrap="nowrap" class="translatable" trkey="Tr1">0</td>
+ </tr>
</table>
<table width="100%" cellpadding="0" cellspacing="1" border="0">
<HEAD>
<TITLE>Starting</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
+<script defer src="translations.js">
+</script>
</HEAD>
<BODY="white">
--- /dev/null
+var translationMap = new Map();
+
+
+var translationFr = new Map();
+translationFr.set("Tr1", "1");
+translationFr.set("Tr2", "2");
+
+var translationEn = new Map();
+translationEn.set("Tr1", "3");
+translationEn.set("Tr2", "4");
+
+translationMap.set("fr", translationFr);
+translationMap.set("en", translationEn);
+
+//==============================================================
+//function to show password contents
+//==============================================================
+function showpass()
+
+{
+var datain;
+
+datain=document.getElementById("myInput");
+if (datain.type==="password") {
+ datain.type="text";
+ }
+else {
+ datain.type="password";
+ }
+}
+
+function updateTranslations()
+{
+ let translationLng = document.getElementById("first-choice").value;
+
+ let translatables = document.getElementsByClassName("translatable");
+ for(var i of translatables){
+ let key = i.getAttribute("trkey");
+ i.innerHTML = translationMap.get(translationLng).get(key);
+
+ }
+
+}
+
+updateTranslations();