Tad 教材網 - 萌典查詢

:::

萌典查詢

套件名稱：萌典查詢 1

作者 : tad

模組網站 :

萌典查詢更新說明

正式釋出

「萌典查詢」簡介

萌典查詢區塊

安裝方式

到區塊管理，新增一個自訂區塊。

將底下內容貼到自訂區塊中

<script type="text/javascript">
  $(document).ready(function(){
    $('#get_moedict').colorbox({iframe:true , width:'80%' , height:'90%'});
    $("#get_moedict").click(function(event) {
      $("#get_moedict").attr("href","https://www.moedict.tw/"+$('#search_moedict').val());
    });
 
    $("#search_moedict").keypress(function(e){
      code = (e.keyCode ? e.keyCode : e.which);
      if (code == 13)
      {
        // alert("https://www.moedict.tw/"+$('#search_moedict').val());
        $.colorbox({
          href:"https://www.moedict.tw/"+$('#search_moedict').val(),
          iframe:true ,
          width:'80%' ,
          height:'90%'});
      }
    });
  });
</script>
<div class="input-group">
  <input type="text" id="search_moedict" class="form-control" placeholder="請輸入生字或生詞" title="萌典查詢">
  <span class="input-group-btn">
    <a href="#" class="btn btn-primary cboxElement" id="get_moedict">查生字</a>
  </span>
</div>