Learn VBA & Macros in 1 Week!

JavaScript - Transliteration From English To Kannada

Full Excel VBA Course - Beginner to Expert

Transliteration From English To Kannada	View Content

Here is an XML file (See Below) and a TEXTBOX. How can I use them to transliterate fom English To Kannada using JAVASCRIPT? Whenever I type in English it must appear in Kannada in the Textbox.
What is the Jascript Code to acieve the result?

/* Sample.xml */

<?xml version="1.0" ?>
<Catalog>
<Mappings>
<Vowels> 
<om>a ಅ</om>
<om>aa ಆ</om>
<om>A ಆ</om>
<om>i ಇ</om>
<om>ee ಈ</om>
<om>ii ಈ</om>
<om>I ಈ</om>
<om>u ಉ</om>
<om>oo ಊ</om>
<om>uu ಊ</om>
<om>U ಊ</om>
<om>rux ಋ</om>
<om>Rux ೠ</om>
<om>e ಎ</om>
<om>ae ಏ</om>
<om>E ಏ</om>
<om>ai ಐ</om>
<om>o ಒ</om>
<om>oa ಓ</om>
<om>O ಓ</om>
<om>au ಔ</om>
<om>ou ಔ</om>
<om>ow ಔ</om>
<om>aM ಅಂ</om>
<om>amx ಅಂ</om>
<om>aH ಅಃ</om>
</Vowels>

</Mappings>
</Catalog>

Full Excel VBA Course - Beginner to Expert

Detecting Non English Characters

Help! Simple English To Spanish Translator Javascript

Similar Tutorials

View Content

So I have an assignment where I need to make a program to make a simple translator.
Where I insert a text box for the user to input i.e. "Hello" and the other textbox to display the word in spanish.
Problem is im having trouble displaying the output and having a textbox to out put it too.
Also i dont think my button is functioning correctly.
Please help! It would be greatly appreciated!

<html>
<h2> English to Spanish Translator </h2>
<head>
<script type = "text/javascript">

PHRASES = [["hello", "hola"], ["hi, hola"], ["how are you", "como estas"], ["sorry", "lo siento"], ["thank you", "gracias"], ["please", "por favor"], ["how are you doing today"], ["como estas hoy"], ["I love you", "te amo"], ["hey, eh"], ["welcome", "bienvenido"], ["my name is", "mi nombre es"], [ "good morning", "buenos dias"], ["goodbye","adios"], ["i don't know", "no se"], ["help", "ayudame"], ["happy birthday", "feliz cumpleanos"]]

function capitalize (str)
{
return str.charAt(0).toUpperCase() + str.substring(1);
}

function translate (text)
{
for (var i = 0; i < PHRASES.length; i++)
{
var toReplace = new RegExp("\\b" + PHRASES[i][0] + "\\b", "i");
var index = text.search(toReplace);
while (index != -1)
{
if (text.charAt(index) >= "A" && text.charAt(index) <= "Z")
{
text = text.replace(toReplace, capitalize(PHRASES[i][1]));
}
else
{
text = text.replace(toReplace),PHRASES[i][1]);
}
index = text.search(toReplace);
}
}
return text;

}
</script>
</head>
<body>
<form name = "ButtonForm">
<p> Enter a word or phrase </p>
<input type = "text" name = "input" value = "" />
<br></br>

<input type = "button" value = "Translate"
onClick = "translate();" />
<br> </br>

</form>
</body>
</html>

Reply With Quote

02-03-2015, 10:12 PM #2
jmrker View Profile View Forum Posts

Senior Coder Join Date Aug 2006 Location FL Posts 3,175 Thanks 39 Thanked 510 Times in 504 Posts

I have not tested your entire array of words, but this should get you started.

NOTES:
1. You did not pass a word to 'translate()' for it to check
2. You did not have a place to store the returned value of the translation
3. You should not use reserved words as variables (ie, text as a function parameter)

Code:

<html>
<h2> English to Spanish Translator </h2>
<head>
<script type = "text/javascript">

PHRASES = [
  ["hello", "hola"],
  ["hi, hola"],
  ["how are you", "como estas"],
  ["sorry", "lo siento"],
  ["thank you", "gracias"],
  ["please", "por favor"],
  ["how are you doing today"],
  ["como estas hoy"],
  ["I love you", "te amo"],
  ["hey, eh"],
  ["welcome", "bienvenido"],
  ["my name is", "mi nombre es"],
  ["good morning", "buenos dias"],
  ["goodbye","adios"],
  ["i don't know", "no se"],
  ["help", "ayudame"],
  ["happy birthday", "feliz cumpleanos"]
];

function capitalize (str) { return str.charAt(0).toUpperCase() + str.substring(1); }

function translate (txt) {  
  for (var i=0; i<PHRASES.length; i++) {
    var toReplace = new RegExp("\\b" + PHRASES[i][0] + "\\b", "i");
    var index = txt.search(toReplace);
    while (index != -1) {
      if (txt.charAt(index) >= "A" && txt.charAt(index) <= "Z") {
        txt = txt.replace(toReplace, capitalize(PHRASES[i][1]));
      } else {
        txt = txt.replace(toReplace,PHRASES[i][1]);
      }
      index = txt.search(toReplace);
    }
  }
  return txt;
}
</script>

</head>
<body>
<form name="ButtonForm" action="" method="post" onsubmit="return false">

<p> Enter a word or phrase </p>
<input type="text" name="inText" id="inText" value="" />
<p>
<input type="button" value="Translate"
 onClick = "document.getElementById('outText').value = translate(document.getElementById('inText').value)" />
<p>
<input type="text" name="outText" id="outText" value="" />

</form>
</body>
</html>

BTW, you should enclose your script between [ code] and [ /code] tags (without the spaces)
to retain formatting and make it easier for forum members to read, test, debug, etc.

Good Luck!