DEMO
+
Всем привет. Многие хотят сделать сайт англоязычным но uCoz не предоставляет такой возможности, недавно мы написали скрипт перевода языка на 2 сайта, но 2 языка слишком мало для Пользователя для этого мы переработали наш алгоритм кода перевода на любой ваш язык без ограничений. Мы понимаем что на страницах много похожих слов одних и тех же, но наш алгоритм все это переведет на ваш Язык в паке. Поэтому мы решили сделать на js перевод так как быстро и удобно!... Сам скрипт работает на localStorage для сохранения действий только для Пользователя и его устройства.
Установка:
1. Добавим HTML смену языка:
Код
<div id="rew">Привет</div>
<select id="language">
<option>Выберите язык</option>
<option value="ru">Русский</option>
<option value="en">Английский</option>
<option value="uk">Украинский</option>
</select>
rew - Наш DIV родитель в котором будет перевод слов далее из js.
value="ru" - Где ru текущий язык перевода (Для добавления нового создаем новый option и ключом в value для понимания в js далее)
2. Добавим js код первода на наши языки:
Код
var ru = [0, 'Привет'];
var en = [0, 'hi'];
var uk = [0, 'Привіт'];
$('select#language').change(function() {
lanRegion = $(this).val();
localStorage.removeItem("lanRegion"); // Мало ли xD
localStorage.setItem('lanRegion', ''+lanRegion+'');
});
Lang = localStorage.getItem("lanRegion");
$('#language option[value="'+Lang+'"]').attr('selected', 'selected');
if(localStorage["lanRegion"] == undefined) { } else {
if(Lang==='ru') {Lang = ru };
if(Lang==='en') {Lang = en };
if(Lang==='uk') {Lang = uk };
if(Lang.length > 1) {
$('#rew').html(function(x, y) {
return ru.reduce(function(cur, prev, i) {
return cur.replace(new RegExp(prev, 'g'), Lang[i]);
}, y);
});
};
};
Добавление нового пака языка:
var ru = [0, 'Привет']; - Слова для перевода из ключа выбора HTML
if(Lang==='ru') {Lang = ru }; - ru Наш Ключ для перевода для перевода слов на другой язык (Указывается из HTML, пример выше).
P.s Скоро ожидайте новый скрипт API перевод текста, и многое другое.
Данный раздел авторский все работы являются собственностью ucods.3dn.ru любое коммерческое использование строго запрещено.
При копировании материала указываем источник ucods.3dn.ru
Для редактирования кода необходимо иметь хотя бы базовые знания в HTML, CSS и Js технологиях.
Поделиться новостью в социальной сети.
Добавил: Best_Studio
Дата добавления: 06.01.2018 в 20:17 по МСК
Категория: Другие модули
Просмотров: 752
Комментариев: 0
Эмоций:
-
Оценки читателей
ЗАКРЫТЬ
- 0 Лайк
- 0 Лавки
- 0 Ахахах!
- 0 Ого!
- 0 Восторг
- 0 Печаль
- 0 Грусняшь
Добавлять комментарии могут только зарегистрированные пользователи.
[
Регистрация |
Вход ]