Форма входа

Бесплатный раздел

Уважаемые пользователи!
Доводим до вашего сведения, что мы не занимаемся обучениями по системе uCoz и настройками Ваших сайтов.
Подобные просьбы и вопросы - будут игнорироваться!

jQuery плагин для перевода любых строк в вашем документе на стороне клиента.

Дата добавления: 30.09.2020 - 20:46
Добавил: Buger
Количество просмотров: 36
Количество комментариев: 0
Размер файла: 15.1 Kb
Рейтинг материала: 0.0 / 0
jQuery плагин для перевода любых строк в вашем документе на стороне клиента.
рейтинг 0.0
/
голосов 0
internationalisation - это настраиваемый плагин локализации и глобализации веб-страницы jQuery, который упрощает перевод любых строк в вашем документе на стороне клиента.

Установка:


1. Подключите скомпилированную версию на веб-страницу следующим образом:
Код
<script src="//code.jquery.com/jquery.min.js"></script>
<script src="//unpkg.com/internationalisation"></script>


2. Добавьте альтернативную версию вашего текста, например:
Код
<h1>
  Hello World!
  <!--deDE:Hallo Welt!-->
  <!--frFR:Bonjour le monde!-->
</h1>


3. Создайте ссылки для переключения между языками.
Код
<a href="#language-deDE">de</a>
<a href="#language-enUS">en</a>
<a href="#language-frFR">fr</a>


4. Инициализируйте плагин с параметрами по умолчанию.
Код
$(($) => $.Language())


5. Параметры конфигурации по умолчанию.
Код
$(($) => $.Language({

  // Префикс селектора для всех узлов, которые необходимо учитывать.
  domNodeSelectorPrefix: 'body',

  // Исходный язык для использования
  default: 'enUS',

  // Список всех поддерживаемых языков.
  selection: [],

  //Первоначально установленный язык (если не указан, будет гостевой).
  initial: null,

  // Разделитель шаблонов для распознавания динамического содержимого.
  templateDelimiter: {pre: '{{', post: '}}'},

  // Указывает, следует ли выполнять эффект затухания.
  fadeEffect: true,

  // Сохраняет информацию о том, как родительские узлы dom должны быть анимированы при переключении содержащего текст.
  textNodeParent: {
  showAnimation: [{opacity: 1}, {duration: 'fast'}],
  hideAnimation: [{opacity: 0}, {duration: 'fast'}]
  },

  // Шаблон для введения языкового узла предварительной замены.
  preReplacementLanguagePattern: '^\\|({1})$',

  // Текстовый шаблон для введения узла замены поста.
  replacementLanguagePattern: '^([a-z]{2}[A-Z]{2}):((.|\\s)*)$',

  // Сохраняет шаблон для распознавания текущего языкового маркера.
  currentLanguagePattern: '^[a-z]{2}[A-Z]{2}$',

  // Имя тега узла Dom, которое следует интерпретировать как скрытый узел альтернативного языка (содержит текст на другом языке).
  replacementDomNodeName: ['#comment', 'langreplacement'],

  // Имена тегов, указывающие на внутренние узлы, которые следует заменить.
  replaceDomNodeNames: ['#text', 'langreplace'],

  // Описание блокировки для механизма блокировки, предоставляемого расширенным классом инструментов.
  toolsLockDescription: '{1}Switch',

  // Префикс хеширования для определения текущего активного языка по URL.
  languageHashPrefix: 'language-',

  // Имя класса, которое отмечает текущую кнопку или ссылку переключателя языка.
  currentLanguageIndicatorClassName: 'current',

  // Имя, которое будет использоваться для сохранения предпочтительного языка в локальном хранилище для текущего сеанса.
  sessionDescription: '{1}',

  // Отображение описаний на альтернативных языках.
  languageMapping: {
  deDE: ['de', 'de_de', 'de-de', 'german', 'deutsch'],
  enUS: ['en', 'en_us', 'en-us'],
  enEN: ['en_en', 'en-en', 'english'],
  frFR: ['fr', 'fr_fr', 'fr-fr', 'french']
  },

  // Отображение необходимых описаний внутренних узлов dom на их соответствующие селекторы.
  domNode: {knownTranslation: 'div.toc'}

}))


6. Доступны функции обратного вызова.
Код
$(($) => $.Language({

  // Обратный вызов, который будет запущен после завершения переключения языка.
  onSwitched: this.constructor.noop,

  // Обратный вызов, который будет запущен после выполнения языковой проверки.
  // Требуется, если на одних узлах активен другой язык, чем на других.
  // Полезно, если обновлялись только некоторые части дерева dom и полное обновление языка не требуется.
  onEnsured: this.constructor.noop,

  // Обратный вызов, который должен быть вызван перед переключением языка.
  onSwitch: this.constructor.noop,

  // Обратный вызов, который должен вызываться перед переключением языка, должен быть обеспечен.
  onEnsure: this.constructor.noop,

}))
Добавлять комментарии могут только зарегистрированные пользователи.


Поделись с друзьями: