D2S:Lang

jQuery Мультиязычность сайта - очень просто!

Приветстую тебя на моем проекте!

Коротко о себе: я фрилансер с многолетным стажем, создано более 100-ни проектов, о многих даже не вспомню.

Зачастую на ленденгах, визитках требуют сайт на нескольких языках. Есть множество решений как создать мультиязычный сайт (PHP, JS), но универсального решения и простого я не нашел, Вот по этому я создал небольшой скрипт, который облегчит Вашу жизнь при создании мультиязычного небольшего приложения.


Особенности:

  • Вес данного скрипта D2S Lang всего 786 байт
  • Скорость приминения языка мгновенная и не требует перезагрузки вашего сайта
  • Cо стороны СЕО оригинальный текст остается на сайте и не будет проблем с поисковыми система
  • Универсальный jQuery плагин для множество проектов

Как начать?

Для того чтобы начать использовать jQuery плагин D2S:Lang, вам нужно скачать его с нашего сервера, и подключить после jQuery библиотеки

Шаг 1: подключение библиотек

<script src="/js/jquery.min.js">
<script src="/js/d2s_lang.js">

Шаг 2: настройка шаблона

Указываем язык по умолчанию

<body data-lang-active="ru">

Шаг 3: настройка функции

1-й параметр "lang" - дериктива языков

2-й параметр "data-lang" - переменная которая хранит в себе ключ языка

3-й параметр "body" - где размещен текущий язык

<script> lang('lang','data-lang','body'); </script>

Шаг 4: настройка языковой дериктории

Создаем папку "lang" в корне сайта

В ней размещаем папки с названием ключа языка на латинской раскладке, например папка с русским языком ru

Создаем файл "lang.ini" в котором хранятся языковые ключи с новой строки:

hello_word=Привет Мир
about=О нас

Пример

Простой пример использования D2S:Lang для мультиязычности вашего сайта.


<!DOCTYPE html>
<html>
<head>
 <title> </title>
</head>
<body data-lang-active="ru">

  <button onclick="setLang('ru')">RU</button>
  <button onclick="setLang('eng')">ENG</button>

  <h1 data-lang="hello_word">Привет Мир</h1>
			
  <script src="/js/jquery.js"></script>
  <script src="/js/d2s_lang.js"></script>
  <script>
     lang('lang','data-lang','body');

     function setLang(setLang){
       $('body').data('lang-active',setLang);
       lang('lang','data-lang','body');
       //ajax запрос для сохранение языка в SESSION
       //в дальнейщем SESSION размещаем в body - data-lang-active
     }
  </script>						
</body>
</html>