Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
vadim23409
6 / 6 / 2
Регистрация: 24.09.2012
Сообщений: 381
1

Сайт с выбором языка

29.02.2016, 21:47. Просмотров 460. Ответов 3
Метки нет (Все метки)

Дали задание: создать сайт на HTML5+CSS+JavaScript, нужно реализовать на 4х языках. Можно как-нибудь использовать файлы типа:
file ru = " CONSTANT1="текст1ру""
file en = " CONSTANT1="text1en""
что бы не переделывать все html страницы, а использовать отдельные надписи как константы?
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
29.02.2016, 21:47
Ответы с готовыми решениями:

Как сделать чтобы при заходе на сайт появлялось окно с выбором региона
Как сделать чтобы при заходе на сайт появлялось окно с выбором региона и этот...

Сортировка выбором
Всем привет! Не сортируется массив от меньшего к большему при помощи...

Сортировка выбором
Причет Имеется рабочий алгоритм сортировки выбором. var numberMy = ; ...

Выпадающий список с выбором фильма
Здравствуйте не могу справиться,нужно сделать чтобы при выборе строки в...

Скрыть/показать див выбором/снятием радиобаттона
Здравствуйте Есть небольшой JS который скрывает дивы по выбору радиобаттон....

3
whiteapps
408 / 373 / 220
Регистрация: 18.07.2014
Сообщений: 1,258
29.02.2016, 22:26 2
vadim23409, примерно так
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
(function () {
    var lang = 'en';
  var nodes = document.querySelectorAll('[data-lang]');
  var count = nodes.length;
 
  var translate = {
    "ru": {
              "{{title}}": 'привет'
            , "{{content}}": 'текст текст текс'
    },
    "en":  {
              "{{title}}": 'hello'
            , "{{content}}": 'text text text'
    }
  }
  for(var i = 0; i < count; ++i) {
    var text = nodes[i].innerText;
    nodes[i].innerText = translate[lang][text] || '';
  }
})();
HTML5
1
2
<p data-lang>{{title}}</p>
<p data-lang>{{content}}</p>
переменную lang можно хранить в куках и менять по запросу
1
vadim23409
6 / 6 / 2
Регистрация: 24.09.2012
Сообщений: 381
29.02.2016, 23:59  [ТС] 3
Цитата Сообщение от whiteapps Посмотреть сообщение
"ru": {
* * * * * * * "{{title}}": 'привет'
* * * * * * , "{{content}}": 'текст текст текс'
* * },
* * "en": *{
* * * * * * * "{{title}}": 'hello'
* * * * * * , "{{content}}": 'text text text'
* * }
можно ли это запихнуть в отдельные файлы? (когда-то видел такое, меняли язык сайта: просто файл в виде таблицы и все строки, используемые на сайте, в один столбец)
0
BANO
Ренегат
Эксперт HTML/CSS
1716 / 1059 / 385
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
01.03.2016, 00:27 4
в вк такое используется
там идёт привязка к id
то есть код выглядит примерно так
Javascript
1
2
3
4
5
6
7
8
(function (lang){
    for(var id in lang)
        document.getElementById(id).innerHTML=lang[id];
})({
    im: "Сообщения",
    news: "Новости"
    ...
})
Добавлено через 9 минут
и если вы такой файл викините куда-нибудь и потом в конце всей страницы впихнёте на него ссылку, то у вас переведётся всё, что можно)
1
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
01.03.2016, 00:27

Наложение нескольких изображений друг на друга с их выбором
Приветствую всех. На одной из страниц сайта хочу сделать выбор из двух форм...

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

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


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru