2013-02-28 2 views
2

Я создаю многоязычный сайт, и я хочу вставить функцию на начальной загрузке страницы, которая находит настройки языка по умолчанию браузера, а затем предлагает пользователю выбрать, какой язык они хотели бы. (Eng/Esp)Выберите язык всплывающего окна на странице load

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

Может ли кто-нибудь посоветовать мне, как это делается?

+0

Вставить вызов функции popup в '$ (document) .ready (function() {});' – Deadlock

+0

@Deadlock Привет, спасибо, но мои знания JS по-прежнему очень ограничены. Я понимаю только базовый console.log, return, print и т. Д. Не могли бы вы объяснить немного больше или, возможно, знаете ссылку? –

+0

@Deadlock Я не вижу тег jQuery. –

ответ

3

Сначала вам нужен слушатель пользовательского события

function addEvent(to, type, fn) { 
    // Firefox, Safari, Chrome, Opera 
    if(document.addEventListener) { 
     to.addEventListener(type, fn, false) 
    } 
    // Microsoft ActiveX Scripts 
    else if(document.attachEvent) { 
     to.attachEvent('on'+type, fn) 
    } 
    // Last hope 
    else { 
     to['on'+type] = fn 
    } 
} 

Добавить прослушиватель событий в окне, когда его заряженное и запустить функцию onDomLoaded()

addEvent(window, 'load', onDomLoaded) 

Создать функцию onDomLoaded

function onDomLoaded() { 
    alert('Im finished loading the entire window, your language is: ' + navigator.language) 

} 

Здесь example on jsFiddle

+0

Thats amazing! И тогда я бы добавил что-то в финальной функции, чтобы выбирать между ними. Сделать другую функцию за ее пределами, а затем вызвать ее внутри? –

+0

Можно сделать оба. Используйте функцию 'onDomLoaded' как' init'/'document class' /' constructor' вашего javascript. Будьте изобретательны :) –

+0

haha ​​lots, чтобы узнать :) спасибо –

1

Подобно Deadlock, вы можете использовать всплывающее окно JavaScript Modal. Кто-то привел пример этого Here.

Вы можете создать это всплывающее окно с кнопками, чтобы выбрать язык.

+0

Спасибо, что похоже, что это может быть действительно полезно. Будет ли метод заменять * null * условия для адреса страницы? –

+0

Не слишком уверенный в себе взгляд. Если вы просто google javascript или jQuery модальный поп. Существуют предварительно созданные фрагменты кода, которые вы можете использовать, которые просты в использовании. – Will

1

Ответьте на вопрос, как получить язык браузера, используя JavaScript. И как вы указали PHP в своих тегах вопроса, ответьте на это с помощью PHP.

+0

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

Смежные вопросы