google API translate, only a div into page

Question

Hi all,

I have an html page, and I would use Google Translate for translate only a div into my page.

<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'it'}, 'google_translate_element');
}
</script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"&gt;&lt;/script&gt;

With this code, google translate everything in the page. But if I wanna translate only a piece. How I can do it?

Thanks!

Answer 1

Check the examples at Google AJAX Language API.

google.language.translate("Hello world", "en", "es", function(result) {
  if (!result.error) {
    var container = document.getElementById("translation");
    container.innerHTML = result.translation;
  }
});

use innerHTML to get hold of the contents of your DIV. You may have to strip out formatting first, though.

Answer 2

ok, but how to open any named < div > of a internet web page in my page with < iframe > tag ? Is it possible in general, not to display (in iframe) the whole page, but only the part of it (without balast arround)?

I know e.g. this for whole pages :

< div> < iframe src ="http://www.colosseum.cz/vzdelavani-a-informace/zpravy" width="98%" height="600" style="border: 3px;"> < p>usupported< /p> < /iframe> < /div>