Google translate section

Translate from Korean to english

by kmicic

HTML

<script src="//translate.google.com/translate_a/element.js?cb=googleSectionalElementInit&amp;amp;ug=section&amp;amp;hl=en"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<div class="goog-trans-section translated-ltr" lang="ko">
<span>축하해요</span>
<div id="gt-control" class="goog-trans-control">
<span id=":0.gadgetLink"><a class="goog-te-gadget-link" href="javascript:void(0)"></a></span>
</div>
</div>





<!-- 
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleSectionalElementInit&amp;ug=section&amp;hl=en" async="true"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" async="true"></script>

-->
<script>
function googleSectionalElementInit() {
  new google.translate.SectionalElement({
    sectionalNodeClassName: 'goog-trans-section',
    controlNodeClassName: 'goog-trans-control',
    background: '#f4fa58'
  }, 'google_sectional_element');
}
</script>

<div>
<input type="text" name="tr-text">
<a rel="nofollow" href="#" class="say">Say it!</a>
<audio src="" class="speech" hidden></audio>
</div>


<script>
    $(funtion(){
        $(document).on('click','a.say',function(e){
              e.preventDefault();
            var text= $('input[name="tr-text"]').val();
            text = encodeURIComponent(text);
            console.log(text);
        
        var url = "http://translate.coogle.com/translate_tts?ie=UTF-&&q=" + text + "&tl=en";
            $('audio').attr('src', url).get(0).play();
     });
    });
</script>