<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google AJAX Search API Sample</title>
<script src="http://www.google.com/jsapi?key=AQUI_VA_TU_API"></script>
<script type="text/javascript">
google.load("language", "1");
function translate(str) {
var content = document.getElementById('content'+str);
var text = document.getElementById('text'+str).innerHTML;
google.language.translate(text, 'es', 'en', function(result) {
var translated = document.getElementById('translation'+str);
if (result.translation) {
translated.innerHTML = result.translation;
}
});
content.style.display="none";
}
</script>
</head>
<body>
<div id="content1">Loading...</div>
<div id="text1" style="display:none;">Este es el primer texto</div><div id="translation1"></div>
<script>translate('1');</script>
<hr>
<div id="content2">Loading...</div>
<div id="text2" style="display:none;">Este es el segundo texto</div><div id="translation2"></div>
<script>translate('2');</script>
<hr>
<div id="content3">Loading...</div>
<div id="text3" style="display:none;">Este es el tercer texto</div><div id="translation3"></div>
<script>translate('3');</script>
</body>
</html>