Запомнить предпочтительный язык

Question

Я сделал простой сайт для моей дочери. Это на голландском языке, и для каждой страницы есть также английская версия.

Голландский URL: nl/index.html

Английский URL: eng/index.html

То, что я хотел бы сделать, это дать посетителю возможность выбрать один язык в качестве предпочтения. Так что, если они придут на этот сайт в следующий раз, они будут автоматически связаны с предпочтительной страницей. Я знаю, что это можно сделать с помощью куки-файла и видел объяснение на этом форуме ( Как запомнить url-javascript? PHP?).

Я пытался сделать эту работу, но, видимо, я делаю что-то не так? Может ли кто-нибудь вести меня через шаг за шагом? Это было бы прекрасно!

С уважением, Юрген

Answer 1

Если вы знакомы с jQuery, вы можете использовать плагин cookie, чтобы сохранить выбор языка пользователя и перенаправлять его на соответствующую страницу каждый раз, когда он возвращается на ваш сайт. Ниже приведен пример кода, который использует две кнопки для установки языка:

Сначала вы объявляете сценарии jQuery (я использую их для хранения в папке Script, отсюда и следующее):

<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>