title: How to make an Reset button for Google translate
body: <p>i'm using Google translate on my site, with the option not to show te topribbon or be rdirected to Google translate when translating the page to to another language. Now if i choose to show the top ribbon then in this ribbon there is an Reset button to show original language, but now when i'm not showing this ribbon there is no way to show original language except to choose my language fron the dropdown list, but if i do this it will be a translation on a translation if you know what I mean? so some words will show wrong. So what i want is an Reset button that i can but in the code i use for the Google translate dropdown list:</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: 'sv'}, 
                                              'google_translate_element');
  
        jQuery('.goog-logo-link').css('display', 'none');
        jQuery('.goog-te-gadget').css('font-size', '0');
     }
  &lt;/script&gt;
  &lt;script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"&gt;&lt;/script&gt;
  &lt;style type="text/css"&gt;
  .goog-tooltip {
     display: none !important;
  }
  .goog-tooltip:hover {
     display: none !important;
  }
  .goog-text-highlight {
     background-color: transparent !important;
     border: none !important; 
     box-shadow: none !important;
  }
  iframe.goog-te-banner-frame {
     display: none !important;
  }
  body {
     position: static !important; top:0px !important;
  }
  &lt;/style&gt;
  </code></pre>