Using google transliteration in Flex

Attached code is an example of how to use Google transliteration
feature in certain html textboxes. I need to enable the same
transliteration feature for a flex application. Is there a way
I could do it?

<html>
      <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <script type="text/javascript" src="http://www.google.com/jsapi">
        </script>
        <script type="text/javascript">
 
          // Load the Google Transliteration API
          google.load("elements", "1", {
                packages: "transliteration"
              });
 
          function onLoad() {
            var options = {
              sourceLanguage: 'en',
              destinationLanguage: ['hi','kn','ml','ta','te'],
              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 textfields with the given ids.
            var ids = [ "transl1", "transl2" ];
            control.makeTransliteratable(ids);
 
            // Show the transliteration control which can be used to toggle between
            // English and Hindi and also choose other destination language.
            control.showControl('translControl');
          }
          google.setOnLoadCallback(onLoad);
 
        </script>
      </head>
      <body>
      <center>Type in Indian languages (Press Ctrl+g to toggle between English and Hindi)</center>
        <div id='translControl'></div>
        <br>Title : <input type='textbox' id="transl1"/>
        <br>Body<br><textarea id="transl2" style="width:600px;height:200px"></textarea>
      </body>
    </html>

Open in new window

LVL 1
dtivmkAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Arend-Jan_OosterveldCommented:
you can connect javascript to you flex appliction (you can find a great example over [http://www.switchonthecode.com/tutorials/flex-javascript-tutorial-simple-interaction). In this case there is a problem though. When you want to use data form an external domain, the domain should have a crossdomain.xml file in it's root (http://labs.adobe.com/wiki/index.php/Flex:Accessing_Data).

--URLs corrected at Askers request, Modularity, EE Moderator
0
dtivmkAuthor Commented:
Thanks for your help.
I am attaching the working flex code and the html wrapper here.
ajax_api.mxml :
 
<?xml version="1.0" encoding="utf-8"?>
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
        <mx:TextArea x="209" y="139" height="245" width="318"  id="text1" fontSize="28"/>
        <mx:Script>
                <![CDATA[
                        import mx.rpc.events.ResultEvent;
        import flash.external.*;
 
         public function callWrapper():void {
            var s:String;
            if (ExternalInterface.available) {
       ExternalInterface.addCallback("g", g);
               var wrapperFunction:String = "initialize";
               ExternalInterface.call(wrapperFunction,text1.text);
 
            } else {
               s = "Wrapper not available";
            }
            trace(s); 
         }
         public function g(str:String):void
         {
            text1.text = str;
         }
 
                        ]]>
        </mx:Script>
        <mx:Button x="75" y="50" label="Enter some text and click this button to see the transliteration output" click="callWrapper()" height="37"/>
    </mx:Application>
 
HTML Wrapper : 
<!-- saved from url=(0014)about:internet -->
<html lang="en">
 
<!-- 
Smart developers always View Source. 
 
This application was built using Adobe Flex, an open source framework
for building rich Internet applications that get delivered via the
Flash Player or to desktops via Adobe AIR. 
 
Learn more about Flex at http://flex.org 
// -->
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
<!--  BEGIN Browser History required section -->
<link rel="stylesheet" type="text/css" href="history/history.css" />
<!--  END Browser History required section -->
 
<title>ajax_api</title>
<script src="AC_OETags.js" language="javascript"></script>
 
<!--  BEGIN Browser History required section -->
<script src="history/history.js" language="javascript"></script>
<!--  END Browser History required section -->
 
<style>
body { margin: 0px; overflow:hidden }
</style>
<script language="JavaScript" type="text/javascript">
<!--
// -----------------------------------------------------------------------------
// Globals
// Major version of Flash required
var requiredMajorVersion = 9;
// Minor version of Flash required
var requiredMinorVersion = 0;
// Minor version of Flash required
var requiredRevision = 28;
// -----------------------------------------------------------------------------
// -->
</script>
</head>
 
<body scroll="no">
      <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">
 
    google.load("language", "1");
function thisMovie(movieName)
{
 
    if(navigator.appName.indexOf("Microsoft")!=-1)
    {
    	alert("microsoft");
    	return window[movieName];
    }
    else
    {
    	return document[movieName];
    }
}
 
function initialize(input) {
      google.language.transliterate([input], "en", "hi", function(result) {
        if (!result.error) {
          var container = document.getElementById("transliteration");
          if (result.transliterations && result.transliterations.length > 0 &&
            result.transliterations[0].transliteratedWords.length > 0) {
            output = result.transliterations[0].transliteratedWords[0];
        thisMovie("ajax_api").g(output);
          }
        }
      });
    }
 
    </script>
    <script language="JavaScript" type="text/javascript">
<!--
// Version check for the Flash Player that has the ability to start Player Product Install (6.0r65)
var hasProductInstall = DetectFlashVer(6, 0, 65);
 
// Version check based upon the values defined in globals
var hasRequestedVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);
 
if ( hasProductInstall && !hasRequestedVersion ) {
    // DO NOT MODIFY THE FOLLOWING FOUR LINES
    // Location visited after installation is complete if installation is required
    var MMPlayerType = (isIE == true) ? "ActiveX" : "PlugIn";
    var MMredirectURL = window.location;
    document.title = document.title.slice(0, 47) + " - Flash Player Installation";
    var MMdoctitle = document.title;
 
    AC_FL_RunContent(
    	"src", "playerProductInstall",
    	"FlashVars", "MMredirectURL="+MMredirectURL+'&MMplayerType='+MMPlayerType+'&MMdoctitle='+MMdoctitle+"",
    	"width", "100%",
    	"height", "100%",
    	"align", "middle",
    	"id", "ajax_api",
    	"quality", "high",
    	"bgcolor", "#869ca7",
    	"name", "ajax_api",
    	"allowScriptAccess","sameDomain",
    	"type", "application/x-shockwave-flash",
    	"pluginspage", "http://www.adobe.com/go/getflashplayer"
    );
} else if (hasRequestedVersion) {
    // if we've detected an acceptable version
    // embed the Flash Content SWF when all tests are passed
    AC_FL_RunContent(
    		"src", "ajax_api",
    		"width", "100%",
    		"height", "100%",
    		"align", "middle",
    		"id", "ajax_api",
    		"quality", "high",
    		"bgcolor", "#869ca7",
    		"name", "ajax_api",
    		"allowScriptAccess","sameDomain",
    		"type", "application/x-shockwave-flash",
    		"pluginspage", "http://www.adobe.com/go/getflashplayer"
    );
  } else {  // flash is too old or we can't detect the plugin
    var alternateContent = 'Alternate HTML content should be placed here. '
    + 'This content requires the Adobe Flash Player. '
    + '<a href=http://www.adobe.com/go/getflash/>Get Flash</a>';
    document.write(alternateContent);  // insert non-flash content
  }
// -->
</script>
<noscript>
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
    		id="ajax_api" width="100%" height="100%"
    		codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
    		<param name="movie" value="ajax_api.swf" />
    		<param name="quality" value="high" />
    		<param name="bgcolor" value="#869ca7" />
    		<param name="allowScriptAccess" value="sameDomain" />
    		<embed src="ajax_api.swf" quality="high" bgcolor="#869ca7"
    			width="100%" height="100%" name="ajax_api" align="middle"
    			play="true"
    			loop="false"
    			quality="high"
    			allowScriptAccess="sameDomain"
    			type="application/x-shockwave-flash"
    			pluginspage="http://www.adobe.com/go/getflashplayer">
    		</embed>
    </object>
</noscript>
</body>
</html>

Open in new window

0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
dtivmkAuthor Commented:
How do I accept multiple solutions for this question?
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Apache Flex

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.