多言語のウェブサイトを実現するために、私はxmlとjqueryを使用することを考えています。すべてのWebサイトラベルのホルダーとして機能する、言語ごとに1つのxmlファイル。'nl.xml'という名前のテストxmlファイルを作成しました:
<?xml version="1.0" encoding="UTF-8"?>
<resource>
<language name="nl">
<label id="yes">ja</label>
<label id="no">nee</label>
</language>
</resource>
次のJavaScriptを使用してhtmlファイルを作成しました。
<html>
<head>
<title></title>
<script src="jquery-1.4.4.min.js"></script>
<script type="text/javascript" language="javascript">
$(function() {
var language = 'nl';
$.ajax({
url: 'nl.xml',
success: function(xml) {
$(xml).find('label').each(function(){
var id = $(this).attr('id');
var text = $(this).find(label).text();
$("." + id).html(text);
});
}
});
});
</script>
</head>
値を確認したい:
'div class="no">no</div>'
'div class="yes">yes</div>'
2つの異なるファイルにまたがる各divについて変更されましたが、この現在のコードは機能しないため、これをより適切に行うためのアドバイスが必要です。アイデアは、訪問者がWebサイトとWebページのすべてのラベルを保持するxmlファイルをダウンロードすることです。