我怎样才能转换div的语言？

Question

我最近在一个项目中工作。我需要通过按钮点击事件将语言从英语转换为日语。文本在div中。像这样：

"<div id="sampletext"> here is the text </div>"
"<div id="normaltext"> here is the text </div>"

该文本来自数据库。如何轻松转换此文本？

Answer 1

假设您在数据库中同时拥有英语版和日语版，则可以执行以下两项操作：

1. 使用AJAX从数据库加载正确的文本并替换div的内容。互联网上有大量关于AJAX内容替换的教程。
2. 将两种语言放在网站上并使用CSS display：none隐藏一种语言。然后使用一些JavaScript在单击按钮时隐藏/显示正确的div。

第一个在技术上更复杂，但保持页面尺寸小。第二个很容易做到，但是你的页面大小更大，因为你需要发送两种语言。

如果div很小并且页面上只有一个或两个，我建议使用CSS技术。如果div很大（即一篇完整的文章）或者其中有很多则使用第一种方法。

Answer 2

如果您的意思是翻译文本，则无法轻松完成。要了解软件在翻译自然语言时可以做出的最佳尝试，请访问Google翻译或Babelfish。它不是那么好，但它有时是一个可理解的起点。

如果您只是在元素上设置语言属性，则将新语言代码分配给lang元素对象的div属性。

document.getElementById("normaltext").lang = "en-US";

我不知道日语的语言代码;可能ja-ja。

Answer 3

假设您的文字在数据库中有一个id，您可以将该ID作为div中的一个类。然后使用jquery获取ID，将其发送到Ajax后端并获取已翻译的ID。

Answer 4

首先，如果您在数据库中拥有文本，那么在div，表或其他任何内容中呈现它并不重要。

首先，您需要一个php api来进行翻译服务。这里只是一个可能会给你一些想法的例子。

$ textArray = getTextForThisPage（）;

＆GT？; ...

 english_to_japanese（$ textArray [ “文本1”]）;？＆GT;

...