将Onclick事件转换为Page Load事件

时间:2016-01-13 09:58:41

标签: javascript php jquery html wordpress

我在wordpress网站上使用Gtranslate plugin进行翻译。该插件生成了一个我在header.php附加的脚本。当我尝试默认重新加载页面时,它以英语显示(不进行翻译)。当我点击顶部的Finnish时,它切换为芬兰语。我希望我的网站只能使用芬兰语,因此有人帮助我将onclick事件转换为pageload事件。

<!-- GTranslate: http://gtranslate.net/ -->
<div class="switcher notranslate">
  <div class="selected">
    <a href="#" onclick="return false;">
      <span class="gflag" style="background-position:-100px -100px;">
        <img src="/gtranslate/blank.png" height="16" width="16" alt="fi" />
      </span>Finnish
    </a>
  </div>
  <div class="option">
    <a href="#"  onclick="doGTranslate('fi|fi');jQuery(this).parent().parent().find('div.selected a').html(jQuery(this).html());return false;" title="Finnish" class="nturl selected">
      <span class="gflag" style="background-position:-100px -100px;">
        <img src="/gtranslate/blank.png" height="16" width="16" alt="fi" />
      </span>Finnish
    </a>
  </div>
</div>
<script type="text/javascript">
  jQuery('.switcher .selected').click(function() {
    if (!(jQuery('.switcher .option').is(':visible'))) {
      jQuery('.switcher .option')
      .stop(true, true)
      .delay(50)
      .slideDown(800);
    }
  });
  jQuery('body').not('.switcher .selected').mousedown(function() {
    if (jQuery('.switcher .option').is(':visible')) {
      jQuery('.switcher .option')
      .stop(true, true)
      .delay(300)
      .slideUp(800);
    }
  });
</script>
<div id="google_translate_element2"></div>
<script type="text/javascript">
  function googleTranslateElementInit2() {
    new google.translate.TranslateElement({
      pageLanguage: 'fi',
      autoDisplay: false
    }, 'google_translate_element2');
  }
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit2"></script>


<script type="text/javascript">
  /* <![CDATA[ */
  function GTranslateFireEvent(element, event) {
    try {
      if (document.createEventObject) {
        var evt = document.createEventObject();
        element.fireEvent('on' + event, evt)
      } else {
        var evt = document.createEvent('HTMLEvents');
        evt.initEvent(event, true, true);
        element.dispatchEvent(evt)
      }
    } catch (e) {}
  }

  function doGTranslate(lang_pair) {
    if (lang_pair.value) lang_pair = lang_pair.value;
    if (lang_pair == '') return;
    var lang = lang_pair.split('|')[1];
    var teCombo;
    var sel = document.getElementsByTagName('select');
    for (var i = 0; i < sel.length; i++)
      if (sel[i].className == 'goog-te-combo') teCombo = sel[i];
    if (document.getElementById('google_translate_element2') == null ||
        document.getElementById('google_translate_element2').innerHTML.length == 0 || 
        teCombo.length == 0 || 
        teCombo.innerHTML.length == 0) {
      setTimeout(function() {
        doGTranslate(lang_pair)
      }, 500)
    } else {
      teCombo.value = lang;
      GTranslateFireEvent(teCombo, 'change');
      GTranslateFireEvent(teCombo, 'change')
    }
  }

  function GTranslateGetCurrentLang() {
    var keyValue = document.cookie.match('(^|;) ?googtrans=([^;]*)(;|$)');
    return keyValue ? keyValue[2].split('/')[2] : null;
  }
  if (GTranslateGetCurrentLang() != null) jQuery(document).ready(function() {
    jQuery('div.switcher div.selected a').html(jQuery('div.switcher div.option').find('span.gflag img[alt="' + GTranslateGetCurrentLang() + '"]').parent().parent().html());
  });
  /* ]]> */
</script>

4 个答案:

答案 0 :(得分:1)

为我工作!!

add_action('wp_footer', 'my_enqueue_front_scripts',0);
function my_enqueue_front_scripts(){
    echo '<script type="text/javascript">
   doGTranslate("en|iw");return false;
</script>';
}

答案 1 :(得分:0)

根据我的理解,以下代码将页面翻译为Finnish

doGTranslate('fi|fi');
jQuery(this)
  .parent()
  .parent()
  .find('div.selected a')
  .html(jQuery(this).html());
return false;

您只需在$(document).ready(function(){...})

上调用此代码即可

答案 2 :(得分:0)

使用此脚本:

<script>
    $(document).ready(function(){
        doGTranslate('fi|fi');jQuery(this).parent().parent().find('div.selected a').html(jQuery(this).html());return false;
    }
</script>

jusy将它添加到您的标题中(我认为如果您在标题中的所有脚本之后键入它,它会起作用。)

答案 3 :(得分:0)

而不是在页面加载时调用doGTranslate() ..代码脚本在oage load上点击<a>标记..

<a href="#" id="load_clicked" onclick="doGTranslate('fi|fi');jQuery(this).parent().parent().find('div.selected a').html(jQuery(this).html());return false;" title="Finnish" class="nturl selected"><span class="gflag" style="background-position:-100px -100px;"><img src="/gtranslate/blank.png" height="16" width="16" alt="fi" /></span>Finnish</a>

    <script type="text/javascript">
    $( window ).load(function() {
      $('#load_clicked').click();
    });
    </script>