2017-06-20 5 views
-1

私の知識の分野にはない課題がありますが、それでもやる必要があります。HTMLページのテキスト言語をJavaScriptファイルから変更する - SOLVED

HTMLページから何らかの辞書(翻訳されたテキストを含む)を作成し、HTMLヘッダーから言語を変更する必要があるJavaScriptファイルがあります。

<a class="text-center" id='lnkHumanResources'> 
     <p><img width="100" height="100" src="assets/img/icons/home-hr.png" /></p> 
     <h1>Ljudski resursi</h1> 
    </a> 

これは、「人事」に

「Ljudskiのresursi」を翻訳する必要がある文字列を含むコードの一例です。

したがって、.jsファイル内のさまざまな言語でハードコードされたテキストと、HTMLヘッダーから言語を変更し、言語を変更できる必要があるいくつかのHTMLページに含める方法が必要です。

立ち往生誰:)

UPDATE

を尋ねること自由に記入し、いくつかの助けを提供するために、JavaScriptが私のものではないことに注意してください、そして、あなたはより多くの詳細が必要な場合してください問題の同じ種類で、Translate.js

ダウンロードプラグインを参照して、あなたのlibフォルダに解凍し、そしてそれはあなたが翻訳したいすべてのHTMLページに含ま

<script src="assets/js/lib/translate.js-master/jquery.translate.js"></script> 

はまた、私はいくつかの言語でのすべてのページから変換したいすべての文字列を含むdictionary.jsを作成し、そして

var dict = {  // dictionary.js 
    "Home": { 
    pt: "Início", 
    en: "Home" 
    }, 
    "Download plugin": { 
    pt: "Descarregar plugin", 
    en: "Download plugin" 
    } 
}; 

HTMLに含めるを翻訳するために必要なすべてのHTMLページにも、それを含め例:

<script src="assets/js/lib/dictionary.js"></script> 

クラス「TRN」とspan属性を持つすべてのハードコードされた文字列をラップすることを忘れないでください

<p class="some-class"><span class="trn">Text to translate</span></p> 

それからちょうどhtmlページに次の行を追加します:)

var translator = $('body').translate({lang: "en", t: dict}); // en to use English 

はそれが役に立てば幸い行ってもいいです!

+0

にはJQueryをリンクすることを忘れてはいけません? –

+0

チェックこのアウト - > https://www.i18next.com/ –

答えて

0

あなたはh1

$('#lnkHumanResources h1').text("Human Resources"); 

の内容を変更するためにjqueryののtext機能を使用することができますがどのようなので、仕事のuにフィールドと呼ばれるので、あなたのHTMLページ

+0

は、私には、JavaScriptとjQueryの良い知識を持って、あなたはフロントエンドの開発者である参照してください。そう、どのように「EN」(英語)とその翻訳されたテキストを割り当てて、クリックのようなイベントリスナーを追加する必要があり、あなたがHTMLにそれを接続することはできません – NiksMan

+0

変更できるように、HTMLヘッダーに接続するためにいくつかの詳細を提供してくださいすることができますユーザーが特定のボタンをクリックすると、テキストが翻訳されます –

関連する問題