document.getElementById("hello").innerHTML = "Hello World - this was inserted using JavaScript";

​

jQuery(function($){ //when DOM is ready

​

  $('body').css('height','800px');

​

​

  $.translate(function(){  //when the Google Language API is loaded

    function translateTo( destLang ){ //this can be declared in the global scope too if you need it somewhere else

        $('body').translate( 'english', destLang, {   //translate from english to the selected language

          not: '.jq-translate-ui',  //by default the generated element has this className

          fromOriginal:true   //always translate from english (even after the page has been translated)

                              //unnecessary in v1.4, the default value is true

        });

    }

    //you can generate other controls as well, not just a dropdown:

    //there are new features in v1.4: http://code.google.com/p/jquery-translate/wiki/Extensions

    $.translate.ui('ul', 'li', 'span')  

      .appendTo('body')    //insert the element to the page

      .css({'color':'blue', 'background-color':'white'})

      .find('span')

      .css('cursor','pointer')

      .click(function(){   //when selecting another language

        //in v1.4 $(this).val() or $(this).attr("value") 

        // is always the exact language code!

        translateTo( $(this).text() );

        $.cookie('destLang', $(this).text() ); 

        // set a cookie to remember the selected language

        // see: http://plugins.jquery.com/project/Cookie

        return false; //prevent default browser action

      })

​

    var destLang = $.cookie('destLang'); //get previously translated language

    if( destLang )  //if it was set then

        translateTo( destLang );

​

  }); //end of Google Language API loaded

}) //end of DOM ready

​