Facebook + Transliteration = meriBhasha
From google documentation :
<pre> Transliteration API
<post> Custom event handlers to post on FB stream
The working demo is available at : http://code.google.com/apis/language/transliterate/v1/customtransliteration.html
TODO :
1. Make an FB app out of it.
2. The app should allow the "converted text" to be posted on the user's wall thereby allowing MULTILINGUAL UPDATES on FB.
{done above}
3. Allow posting on friends' walls
4. registered app : "meriBhasha"
From google documentation :
<pre> Transliteration API
<post> Custom event handlers to post on FB stream
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <script type="text/javascript" src="https://www.google.com/jsapi"> </script> <script type="text/javascript"> // Load the Google Transliterate API google.load("elements", "1", { packages: "transliteration" }); var transliterationControl; function onLoad() { var options = { sourceLanguage: 'en', destinationLanguage: ['ar','hi','kn','ml','ta','te'], transliterationEnabled: true, shortcutKey: 'ctrl+g' }; // Create an instance on TransliterationControl with the required // options. transliterationControl = new google.elements.transliteration.TransliterationControl(options); // Enable transliteration in the textfields with the given ids. var ids = [ "transl1", "transl2" ]; transliterationControl.makeTransliteratable(ids); // Add the STATE_CHANGED event handler to correcly maintain the state // of the checkbox. transliterationControl.addEventListener( google.elements.transliteration.TransliterationControl.EventType.STATE_CHANGED, transliterateStateChangeHandler); // Add the SERVER_UNREACHABLE event handler to display an error message // if unable to reach the server. transliterationControl.addEventListener( google.elements.transliteration.TransliterationControl.EventType.SERVER_UNREACHABLE, serverUnreachableHandler); // Add the SERVER_REACHABLE event handler to remove the error message // once the server becomes reachable. transliterationControl.addEventListener( google.elements.transliteration.TransliterationControl.EventType.SERVER_REACHABLE, serverReachableHandler); // Set the checkbox to the correct state. document.getElementById('checkboxId').checked = transliterationControl.isTransliterationEnabled(); // Populate the language dropdown var destinationLanguage = transliterationControl.getLanguagePair().destinationLanguage; var languageSelect = document.getElementById('languageDropDown'); var supportedDestinationLanguages = google.elements.transliteration.getDestinationLanguages( google.elements.transliteration.LanguageCode.ENGLISH); for (var lang in supportedDestinationLanguages) { var opt = document.createElement('option'); opt.text = lang; opt.value = supportedDestinationLanguages[lang]; if (destinationLanguage == opt.value) { opt.selected = true; } try { languageSelect.add(opt, null); } catch (ex) { languageSelect.add(opt); } } } // Handler for STATE_CHANGED event which makes sure checkbox status // reflects the transliteration enabled or disabled status. function transliterateStateChangeHandler(e) { document.getElementById('checkboxId').checked = e.transliterationEnabled; } // Handler for checkbox's click event. Calls toggleTransliteration to toggle // the transliteration state. function checkboxClickHandler() { transliterationControl.toggleTransliteration(); } // Handler for dropdown option change event. Calls setLanguagePair to // set the new language. function languageChangeHandler() { var dropdown = document.getElementById('languageDropDown'); transliterationControl.setLanguagePair( google.elements.transliteration.LanguageCode.ENGLISH, dropdown.options[dropdown.selectedIndex].value); } // SERVER_UNREACHABLE event handler which displays the error message. function serverUnreachableHandler(e) { document.getElementById("errorDiv").innerHTML = "Transliteration Server unreachable"; } // SERVER_UNREACHABLE event handler which clears the error message. function serverReachableHandler(e) { document.getElementById("errorDiv").innerHTML = ""; } google.setOnLoadCallback(onLoad); </script> </head> <body> <center>Type in Indian languages (Press Ctrl+g to toggle between English and Hindi)</center> <div id='translControl'> <input type="checkbox" id="checkboxId" onclick="javascript:checkboxClickHandler()"></input> Type in <select id="languageDropDown" onchange="javascript:languageChangeHandler()"></select> </div> <br>Title : <input type='textbox' id="transl1"/> <br>Body<br><textarea id="transl2" style="width:600px;height:200px"></textarea> <br><div id="errorDiv"></div> </body> </html>
The working demo is available at : http://code.google.com/apis/language/transliterate/v1/customtransliteration.html
TODO :
1. Make an FB app out of it.
2. The app should allow the "converted text" to be posted on the user's wall thereby allowing MULTILINGUAL UPDATES on FB.
{done above}
3. Allow posting on friends' walls
4. registered app : "meriBhasha"
Comments
Post a Comment