Выберите страну и язык в HTML

Question

Я сейчас создаю свой сайт, я хочу знать, как это сделать ...

Обычно, когда вы нажимаете эту страну, она запрашивает доступный вам язык, а затем перенаправляетна эту языковую страницу.

Как я могу это сделать?как на сайте авиакомпании, вы выбираете страну, затем язык, а затем он указывает на эту языковую страницу?

Answer 1

Это обычно требует некоторой обработки на стороне сервера, такой как PHP. Когда пользователь выбирает язык из формы, выбор языка сохраняется в сеансе и вызывается при каждой загрузке страницы.

Тогда в вашем веб-приложении обычно есть строки интернационализации . Выбранный язык используется для выбора правильных строк i18n из индекса.

Используя только обычный html, без обработки на стороне сервера, форма выбора языка будет просто (возможно, через javascript) перенаправлять в корневой каталог документа для языка. Это требует, чтобы у вас был полный сайт, закодированный на каждом языке.

http://www.example.com
http://www.example.com/en/
http://www.example.com/de/

Answer 2

Вы можете сделать это разными способами.

Вот простой способ сделать это:

Иметь кучу ссылок, каждая из разных стран. При нажатии на один, например:

<a href="#" onclick="getLanguages('france')" >France</a>

Это вызовет функцию JavaScript 'getLanguages ​​()', показанную здесь:

<script>
function getLanguages(country){
    if(country == "france"){
        document.getElementById("languages").innerHTML = "<a href='/french.html'>French</a><a href='/english.html'>English</a><a href='/german.html'>German</a>";
    }else if(country == "china"){
        document.getElementById("languages").innerHTML = "<a href='/chinese.html'>Chinese</a><a href='/english.html'>English</a><a href='/japanese.html'>Japanese</a>";
    }
}
</script>

Очевидно, у вас было бы намного больше, если бы заявления были представлены для каждой страны Это в основном изменит элемент с идентификатором «languages»:

<div id="languages"></div>

для включения возможных языков для этой страны. Затем, когда пользователь нажимает на одну из этих ссылок, он переходит на правильную страницу!

Надеюсь, это поможет и удачи!