Javascript 指定要在图像上翻译网站的特定语言单击
我的网站上有两张图片,比如说英语和韩语。我希望我的网页被翻译成韩语时,用户点击韩国国旗,并返回到英语时,用户点击英国 我希望在每个图像的onclick事件上使用一个javascript函数,然后调用googletranslateapi或Microsoft translateapi并返回翻译后的页面 我不知道这是否可能,但如果可能,我会非常感激。不过,目前我还不能直接添加插件Javascript 指定要在图像上翻译网站的特定语言单击,javascript,google-translate,bing-translator-api,Javascript,Google Translate,Bing Translator Api,我的网站上有两张图片,比如说英语和韩语。我希望我的网页被翻译成韩语时,用户点击韩国国旗,并返回到英语时,用户点击英国 我希望在每个图像的onclick事件上使用一个javascript函数,然后调用googletranslateapi或Microsoft translateapi并返回翻译后的页面 我不知道这是否可能,但如果可能,我会非常感激。不过,目前我还不能直接添加插件 谢谢…在努力挖掘之后…我找到了一个解决方案,Bing翻译 您可以对警报进行评论。。。这里的60000也意味着如果翻译没有在
谢谢…在努力挖掘之后…我找到了一个解决方案,Bing翻译 您可以对警报进行评论。。。这里的60000也意味着如果翻译没有在60秒内完成,将显示一个错误
<!-- The image showing korean -->
<img id="Koebtn" src="images/SP2.jpg">
<!-- The Code to translate -->
<script src="http://www.microsoftTranslator.com/ajax/v3/WidgetV3.ashx?siteData=ueOIGRSKkd965FeEGM5JtQ**" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#Koebtn").click(function(){
if (document.readyState == 'complete') {
Microsoft.Translator.Widget.Translate('en', 'es', onProgress, onError, onComplete, onRestoreOriginal, 60000);
}
//You can use Microsoft.Translator.Widget.GetLanguagesForTranslate to map the language code with the language name
function onProgress(value) {
document.getElementById('counter').innerHTML = Math.round(value);
}
function onError(error) {
alert("Translation Error: " + error);
}
function onComplete() {
document.getElementById('counter').style.color = 'green';
}
//fires when the user clicks on the exit box of the floating widget
function onRestoreOriginal() {
alert("The page was reverted to the original language. This message is not part of the widget.");
}
});
});
</script>
$(文档).ready(函数(){
$(“#Koebtn”)。单击(函数(){
如果(document.readyState=='complete'){
Microsoft.Translator.Widget.Translate('en','es',onProgress,onError,onComplete,onRestoreOriginal,60000);
}
//您可以使用Microsoft.Translator.Widget.GetLanguagesForTranslate将语言代码映射到语言名称
函数onProgress(值){
document.getElementById('counter').innerHTML=Math.round(值);
}
函数onError(错误){
警报(“翻译错误:+错误”);
}
函数onComplete(){
document.getElementById('counter').style.color='green';
}
//当用户单击浮动小部件的退出框时激发
函数onRestoreOriginal(){
警报(“页面已还原为原始语言。此消息不是小部件的一部分。”);
}
});
});
到目前为止你做了什么?我已经在页面上添加了bing翻译小部件,但这不是我真正想要的…我想要一个类似的解决方案,但使用Google翻译API。。。有人知道答案吗???