Показ текста в зависимости от страны

@404_NotFound · Регистрация: 07.03.2018

Author24 — интернет-сервис помощи студентам

Доброго времени суток. Подскажите, как можно реализовать отображение определенного текста на странице в зависимости от страны посетителя. То есть как то так:

Определение страны:
если Страна1 - "Привет Страна1, как дела"
если Страна2 - "Спокойно ночи, Страна2"
если все остальные "Информация не доступна".

Как то так.

@Denno · 07.03.2018, 23:11

Ветвления либо свич-кейс.

@404_NotFound · 07.03.2018, 23:23 **[ТС]**

Хорошо. А чем определить страну? Мне нужно чтобы человек не выбирал страну из списка, а она определялась автоматически.

Добавлено через 2 минуты
Я находил такой кусочек кода на JSON, но не смог его правильно прикрутить:

JSON

$.get("http://ipinfo.io", function(response) {
    if(response.country == "US") {
        $("#welcome").html("Welcome, American!");
    }
    else if(response.country == "GB") {
        $("#welcome").html("Welcome, Brit!");
    }
    else {
        $("#welcome").html("Hello!");
    }
}, "jsonp");

Добавлено через 5 минут
Или еще один нашел кусочек, но тоже не смог его реализовать. Почему то не отрабатывает:

Javascript

<script type='application/javascript'>
  
   $.getJSON("http://api.hostip.info/get_json.php", function(data){
           CountryCode = data.country_code;
           if (CountryCode == "RU") {window.location.replace("http://site.ru"); }
      else if (CountryCode == "US") {window.location.replace("http://site.us"); }
      else                          {window.location.replace("http://site.ph"); };
 
});
    
</script>

@evikza · 08.03.2018, 07:51

404_NotFound, есть несколько вариантов решить проблему. Воспользоваться сервисом, типа ipinfo.io и использовать его возможности.

HTML5

1	<div class="container"></div>

Javascript

var el = document.querySelector('.container');
 
var xhr =
    typeof XMLHttpRequest != 'undefined'
        ? new XMLHttpRequest()
        : new ActiveXObject('Microsoft.XMLHTTP');
 
xhr.open('GET', 'https://ipinfo.io/json', true);
xhr.responseType = 'json';
xhr.onreadystatechange = function() {
    if (xhr.readyState == 4) {
        if (xhr.status == 200) {
            el.textContent = xhr.response.country == 'RU' ? 'RUSSIA' : xhr.response.country == 'US' ? 'USA' : 'OTHER COUNTRY';
        }
    }
};
xhr.send();

Демонстрация

+ с использованием jQuery (подключите библиотеку JQUERY):

HTML5

1	<div class="container"></div>

Javascript

1
2
3

$.get('https://ipinfo.io/json', function(response) {
    $('.container').text(response.country == 'RU' ? 'RUSSIA' : response.country == 'US' ? 'USA' : 'OTHER COUNTRY');
}, 'json');

Демонстрация

И на десерт. Изменяем содержимое блока через CSS + navigator.languages. Никогда не используйте данный способ.

HTML5

1	<div class="container"></div>

CSS

.container:lang(ru):after {
    content: "RU";
}
 
.container:lang(en):after {
    content: "EN";
}
 
.container:not(:lang(ru)):not(:lang(en)):after {
    content: "OTHER COUNTRY";
}

Javascript

var locale = navigator.languages
    ? navigator.languages[0]
    : navigator.language || navigator.userLanguage;
 
document.querySelector('.container').setAttribute('lang', locale.substring(0, 2));

Демонстрация

@404_NotFound · 08.03.2018, 11:35 **[ТС]**

Спасибо за очень подробный ответ

@404_NotFound 1 / 1 / 0 Регистрация: 07.03.2018 Сообщений: 31
		1
	Показ текста в зависимости от страны 07.03.2018, 23:03. Показов 2167. Ответов 4 Метки нет (Все метки) Доброго времени суток. Подскажите, как можно реализовать отображение определенного текста на странице в зависимости от страны посетителя. То есть как то так: Определение страны: если Страна1 - "Привет Страна1, как дела" если Страна2 - "Спокойно ночи, Страна2" если все остальные "Информация не доступна". Как то так. 0

@Denno 98 / 101 / 30 Регистрация: 21.10.2012 Сообщений: 320
	07.03.2018, 23:11	2
	Ветвления либо свич-кейс. 0

@404_NotFound 1 / 1 / 0 Регистрация: 07.03.2018 Сообщений: 31
	08.03.2018, 11:35 [ТС]	5
	Спасибо за очень подробный ответ 0

Показ текста в зависимости от страны

Решение