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 - 简体英语 - 法语字典

回答

相关问题