Перейти к содержанию

Таблица лидеров


Популярный контент

Показан контент с высокой репутацией 05/06/21 в Сообщения

  1. 2 балла
    Просмотр файла MDT tradezone Дырявый забор на мдт для торгашей. Есть гео во всех форматах. Добавил Rogue Добавлено 05/06/21 Категория Клиентские дополнения Автор ???/Rogue(geodata) Хроники Interlude  
  2. 1 балл
  3. 1 балл
    Просмотр файла Центральная площадь Giran-а с фонтаном Здесь могла бы быть Ваша реклама Добавил Hotaka Добавлено 05.12.2017 Категория Патчи для клиента Автор неизвестен Хроники Interlude  
  4. 1 балл
    Когда-то я предложил свое решение по кастомизации виджета googleTranslate, тема оказалась действительно полезной и актуальна по сей день. Репозиторий с проектом на gitHub набрал немного звезд, а я рад тому, что мои труды не напрасны. И вот недавно мне понадобилось сделать пользовательский выпадающий список с выбором языков, но уже с виджетом яндекс переводчика. Вообще сам по себе виджет вполне устраивал заказчика, но проблема заключается в том что в нем по умолчанию находится более 90 языков и этот список нельзя никак ограничить. Нельзя выставить 2-3 или 5 необходимых вам языков, будут показаны все 90+, но проблема еще и в том, что виджет не адаптивен, он занимает 1221 пиксель в ширину и никак не подстраивается под размер экрана: В отличии от виджета гугл переводчика, в котором вся разметка находилась в iframe, в яндекс переводчике можно переопределить стили, но это все не то чего хотелось бы... На сайте, где генерируется виджет есть ссылка на документацию, и конечно же я её начал изучить, но документация на самом деле об API и никакой информации по работе с виджетом не имеет. Я решил написать в тех. поддержку яндекса: И довольно быстро получил ответ: И теперь окончательно убедившись, что готового решения нет, я принялся за дело. Как будет выглядеть пример: Для корректной работы виджета необходимо подключить файлы: <script src="./js/yatranslate.js"></script> <link rel="stylesheet" href="./css/yatranslate.css"> Логика виджета довольно простая. При выборе языка в локальное хранилище записывается объект с ключем yt-widget. В объекте хранится язык на который будет переведен сайт: { "lang":"en", "active":true } К локальному хранилищу без проблем можно получить доступ и я применил ту же технику что и с гугл переводчиком. Виджет яндекса прячем, а кликая на свой кастоный флажок с атрибутом data-ya-lang назначаем записаный в нем язык свойству lang и перезагружаем страницу. После перезагрузки страницы язык, который мы сами установили, будет подхвачен виджетом и сайт будет на него переведен. В функции yaTranslateHtmlHandler проводим необходимые манипуляции с разметкой, в моем случае я показываю флаг текущего языка перевода и удаляю его из общего списка. В js каждый этап я разбил на функции и добавил описание, чтобы было легче доработать код под себя. Репозиторий с проектом на GitHub Демонстрация Источник: https://get-web.site/blog/73-yandex-translate-custom-widget.html
×
×
  • Создать...