3

娘のためにシンプルなウェブサイトを作りました。オランダ語で、すべてのページに英語版もあります。

オランダ語の URL: nl/index.html

英語の URL: eng/index.html

私がやりたいことは、訪問者に 1 つの言語を優先設定するオプションを提供することです。そのため、次回このサイトにアクセスすると、自動的に適切なページにリンクされます。これは Cookie を使用して実行できることを知っており、このフォーラムで説明を見ました (現在クリックされている URL を覚える方法は? javascript?PHP? )。

私はこれを機能させようとしましたが、どうやら私は何か間違ったことをしていますか? 誰かが私を一歩一歩案内してくれますか? それは素晴らしいことです！

敬具、ユルゲン

4

1 に答える 1

2

jQuery に精通している場合は、Cookie プラグインを使用して、ユーザーの言語選択を保持し、ユーザーがサイトに戻るたびに適切なページにリダイレクトすることができます。以下は、2 つのボタンを使用して言語を設定するサンプル コードです。

まず、jQuery スクリプトを宣言します (私はスクリプトフォルダーに保存するために使用しているため、次のようになります)。

<script type="text/javascript" src="../Script/jquery-1.7.2.js"></script>
<script type="text/javascript" src="../Script/jquery.cookie.js"></script>

次に、次のようにページ準備完了イベントを定義します。

$(function () {

    var url = 'your_url';
    var english_page = 'eng/index.html';
    var dutch_page = 'nl/index.html';

    if ($.cookie('default_page') != null) {
        if (window.location.href != url + '/' + $.cookie('default_page')) {
            window.location.href = url + '/' + $.cookie('default_page');
        }
    }

    $('#set_english_butt').click(function () {
        $.cookie('default_page', english_page, { expires: 999 });
        alert('English was set as the default language');
    });

    $('#set_dutch_butt').click(function () {
        $.cookie('default_page', dutch_page, { expires: 999 });
        alert('Dutch was set as the default language');
    });

});

あなたのページのいくつかのhtmlボタンにフックされています：

<div>
    <span>Select your language:</span>
    <button id="set_english_butt">English</button>
    <button id="set_dutch_butt">Dutch</button>
</div>
于 2012-07-08T15:37:19.880 に答える