JSFiddle - React, Tailwind, and code Playground

by vijayweb

HTML

<script src="http://funmix.vijayweb.com/jsfiles/jsapi.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/jquery.validate.min.js"></script>
<form id="myform">               
<input type="text" id="addtext" name="text" value=""/><br>
</form>
<a  val="te" class="changelangte" href="#">Telugu</a>
<a  val="ta" class="changelangta" href="#">Tamil</a>
<a  val="hi" class="changelanghi" href="#">Hindi</a>

JavaScript

// Load the Google Transliterate API
      google.load("elements", "1", {
            packages: "transliteration"
          });


$(function() {
$(".changelanghi").click(function() {
$('#addtext').val('');
var validator = $("#addtext").validate();
validator.resetForm();

    
var lang =    $(this).attr('val');
 
alert(lang);


var options = {
    sourceLanguage: 'en',
    destinationLanguage: [lang],
    shortcutKey: 'ctrl+g',
    transliterationEnabled: true
        };

  // Create an instance on TransliterationControl with the required
        // options.
        var control =
            new google.elements.transliteration.TransliterationControl(options);
// Enable transliteration in the textbox with id
        // 'transliterateTextarea'.
        control.makeTransliteratable(['addtext']);
var control  = "";
});
});


$(function() {
$(".changelangte").click(function() {
$('#addtext').val('');
var validator = $("#addtext").validate();
validator.resetForm();
    
var lang =    $(this).attr('val');

alert(lang);
var options = {
    sourceLanguage: 'en',
    destinationLanguage: [lang],
    shortcutKey: 'ctrl+g',
    transliterationEnabled: true
        };

  // Create an instance on TransliterationControl with the required
        // options.
        var control =
            new google.elements.transliteration.TransliterationControl(options);
// Enable transliteration in the textbox with id
        // 'transliterateTextarea'.
        control.makeTransliteratable(['addtext']);
var control  = "";
});
});

$(function() {
$(".changelangta").click(function() {
$('#addtext').val('');
var validator = $("#addtext").validate();
validator.resetForm();
    
var lang =    $(this).attr('val');

alert(lang);
var options = {
    sourceLanguage: 'en',
    destinationLanguage: [lang],
    shortcutKey: 'ctrl+g',
    transliterationEnabled: true
        };

  // Create an instance on TransliterationControl with the required
        // options.
        var control =
            new...