HTML＆Javascript - 簡體英語 - 法語字典

請忍受我完全缺乏編程知識。我的目標是要發佈的將運行完全本地一個簡單和基本英語 - 法語字典。它將必須能夠處理用戶輸入以找到相應的含義,使用情況和詞源，其中包括數百個條目。HTML＆Javascript - 簡體英語 - 法語字典

下面是部分成功的嘗試，其僅返回含義：

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="UTF-8"> 
     <link rel="stylesheet" type="text/css" href="Style.css"> 
     <title>English-French Dictionary</title> 
    </head> 
    <body> 
     <div id="result"></div> 
     <script> 
      if(typeof(Storage)!=="undefined") 
      { 
       localStorage.setItem('Apple','Pomme'); 
      } 
      else 
      { 
       document.getElementById("result").innerHTML="Sorry, your browser does not support web storage..."; 
      } 

      function myFunction() 
      { 
       var entryVal = document.getElementById("entryInput"); 
       var entryId = entryVal.value; 
       var entryResult = localStorage.getItem(entryId); 
       document.getElementById("result").innerHTML="Result: " + entryResult; 
      } 
     </script> 
     <noscript>Sorry, your browser does not support JavaScript!</noscript> 
     <input id="entryInput" type="text"> 
     <input type="button" value="Search" onClick="myFunction()"> 
    </body> 
</html>

因此，我的問題是如何使多個結果？考慮到我糟糕的編程水平，有沒有更好更簡單的方法？

來源

2013-04-06 Rosemary

如果你能提供的英文單詞，翻譯到法語，意，使用和詞源，你應該能夠向此存儲在Javascript。然後做查詢，當用戶鍵入的東西在

例如，你必須結構：

var words = { 
    "apple": { 
     translation: "Pomme", 
     meaning: "fruit, red, sweet", 
     use: "For eating", 
     etymology: "From middle english Appel" 
    }, 
    "bowling": { 
     translation: "Blah blah", 
     meaning: "sport", 
     use: "For recreation", 
     etymology: "Some old sport" 
    } 
};

和你myFunction將執行查找：

function myFunction() { 
    var entryVal = document.getElementById("entryInput"); 
    var entryId = entryVal.value.toLowerCase(); 
    if (entryId in words) { 
     document.getElementById("result").innerHTML = "Translation: " + words[entryId].translation; 
    } else { 
     document.getElementById("result").innerHTML = "Not found"; 
    } 
}

這是假設你有能力生成這種信息結構（詞，翻譯，含義，用法，詞源）。

這裏是我的意思演示：http://jsfiddle.net/Qsqqt/1/

我不完全相信你在代碼中使用localStorage什麼，但似乎有必要不。

來源

2013-04-06 03:11:27 Ian

非常感謝你伊恩，你的解決方案完美無缺！我現在可以專注於真正的語言工作。 – Rosemary 2013-04-06 09:13:39

@Rosemary很酷，謝謝！其實我剛剛更新了小提琴（如果你使用它或看着它），因爲我忘了刪除了'的onclick =「myFunction的（）;」'從HTML - 我綁定事件在Javascript中，保持不顯眼的Javascript。我很高興它的工作原理，並幫助你。讓我知道如果你需要更多的幫助，我會很高興看到任何:) – Ian 2013-04-06 17:23:45

HTML＆Javascript - 簡體英語 - 法語字典

回答

相關問題