Как я могу конвертировать язык 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: нет. Затем используйте JavaScript, чтобы скрыть / отобразить правильный div при нажатии кнопки.

Первый вариант технически более сложен, но при этом размер вашей страницы остается небольшим. Второй вариант очень прост, но размер вашей страницы больше, потому что вам нужно отправить оба языка.

Если div небольшой и на странице есть только один или два из них, я рекомендую номер два - технику CSS. Если div большой (то есть полная статья) или их много, используйте первый метод.

Answer 2

Предполагая, что у ваших литералов есть идентификатор в вашей базе данных, вы можете поместить этот идентификатор в качестве класса в вашем div. Затем с помощью jquery получите идентификатор, отправьте его на сервер Ajax и получите переведенный.

Answer 3

Во-первых, если у вас есть тексты в базе данных, на самом деле не имеет значения, визуализируете ли вы их в div, таблицах или как угодно.

Для начала вам понадобится php api для некоторых услуг перевода. Вот лишь пример, который может дать вам некоторые идеи.

$ textArray = getTextForThisPage ();

?> ...

english_to_japanese ($ TextArray [ "text1"]);?>

...

Answer 4

Если вы имеете в виду перевод текста, вы не можете сделать это легко. Чтобы получить представление о лучших попытках программного обеспечения при переводе естественных языков, перейдите в Google Translate или Babelfish. Это не так хорошо, но иногда это понятная отправная точка.

Если вы просто хотите задать атрибут языка для элемента, тогда присвойте новый код языка свойству lang объекта div элемента.

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

Я не знаю код языка для японского языка; возможно ja-ja.