title: How to use google translator on a web site without using the combo box to change language?
body: <p>I want to add the multi languages features on my website so I've added the google translate tool (<a href="http://translate.google.com/translate_tools" rel="nofollow">Translate Tool</a>) but I want to translate the website only when the user click on a button in the page and not when it uses the combo! Is there any way to change automatically the value of the combo when a button is clicked?</p>
  
  <p>This is the code of the translate tools:</p>
  
  <pre><code> &lt;div id="google_translate_element"&gt;&lt;/div&gt;&lt;script type="text/javascript"&gt;
        function googleTranslateElementInit() {
        new google.translate.TranslateElement({ pageLanguage: 'it', autoDisplay: false },'google_translate_element');
                                           }
   &lt;/script&gt;
   &lt;script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>I'm trying to change the value of the  containing the languages. </p>
  
  <pre><code>&lt;script&gt;
  window.onclick = function() {
      var container = document.getElementById('google_translate_element');
      var select = container.getElementsByTagName('select')[0];
      select.value="en";
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>This code works and the selected value changes but only that! The page is not translated. I think that I have to validate this operation! Anyone knows how I can do that?</p>