Question

I am using the google web translate element on my page. For those that don’t know what it is you can find it here: http://translate.google.com/translate_tools

It loads on the page using javascript. I have it embedded on the top of my page which causes the rest of my content to stop loading until the translate bar has completed it’s load.

How can I delay the javascript running until my page has fully loaded??

This is the script:

<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'en',
    includedLanguages: 'da,nl,en,fi,fr,it,no,ru,es,sv',
    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
  }, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Answer 1

As commented by John Conde, I put the script at the bottom of the page and hey presto, page load