это в реакт тогда ) а там это в 3 функции

так у него и так язык меняется без перезагрузки страницы, разве нет?

@@VIJana79 все правильно.

еще бы написал как это сделать )

В этом видео показа идея кода. С кучей ограничений по возможности применения. А реализовать можно как угодно.

Здраствуйте, можете помочь с реализацией через дата-атрибут? Я в html прописал дата-атрибути для каждого нужного для перевода елемента, и сделал отдельний файл с переводом для двух язиков и группировал сначало по язику, а не так как сделал автор видео. Одно не могу сделать подходящий js-код для етого, попробовал реализовать как автор видео, но все-равно не работает( И для своего сайта я не делал селект, как автор видео, а просто сделал две ссилки (en, ru). Может у вас есть готовий js-код для перевода через дата-атрибути?

Так как этот файл - имитация JSON формата. А в JSON всё пишется через кавычки, иначе будут ошибки

конечно можно. Это затравка. Главные преимущества я рассмотрю в коде реакт курса.

а можешь подробнее рассказать, как в этом случае использовать querySelectorAll?

@@wake378 можно было все элементы получить заранее по селектору, и хранить их по ключу этому которому в цикле ищем, или как хеш таблицу или сет какой-нибудь. У нас ведь контент страницы(структура) не меняется. Зато доступ будет по сложности n(1)

Там в настройках wrap поставить галочу и всё автоматически будет

Если есть плагин на px to em rem то это не будет работать

Нкгкгугвнсшкга

китайцы уже давно этим пользуются в своей соцсети, WeChat называется

Увы без кода

Если правильно реализовать пути - то поисковик будет видеть разные страницы и для разных языков будет корректно искать.

@@itgidНа Вашем примере правильно реализованы пути или нужен другой подход для реализации правильного пути для поисковиков на разных языках?

Разобрались как? Сам вот только столкнулся с этим.

что начнётся?

Поисковики уже давно могут читать контент из js файлов.

@@richardwong4613 вероятно для этого и придумали SSR, потому что поисковики отлично индексируют js))

@@ksawl SSR для создания ссылок на отдельные страницы. А текстовое содержимое уже загруженного JS скрипт поисковики видят.

со слайдерами я пока не разбирался. А что касается placeholder, то я делал так: if (langSwitcher.checked) { lang = "ru" username.setAttribute("placeholder", "Ваше имя"); email.setAttribute("placeholder", "Ваша почта"); } else { lang = "en" username.setAttribute("placeholder", "Your name"); email.setAttribute("placeholder", "Email"); } Незнаю насколько это колхоз. Если у Вас 4-5 полей для ввода, то получается 10 строк кода, если будет какая-то гигантская форма для заполнения - то конечно holyCrap. Если кто знает как менять placeholder, title, validityMessage and customValidity у форм - то буду рад ссылочке где про это почитать

@@FA1F.W у меня не работает этот код ( ставлю этот код в файл lang, и после этого на всей странице сбрасывается перевод, ставлю этот код в отдельный файл js -ничкго не происходит. Может я делаю что-то не то?

@@anetkaf2558 у меня реализовано только 2 языка: англ и рус. Поэтому переключатель я сделал из checkbox. Блин, я только что компьютер выключил😅. Мне бы проще или ваш код увидеть или просто скинуть свой

@@FA1F.W У меня тоже на 2х языках. Отправить Вот HTML, а перевод сделала по видео. Просто JS я только начинаю учить и не понимаю что там

@@Blueris_In_Galaxy спасибо за наводку 👍,действительно помогло. Долго ломал голову, а все оказалось так просто 😅

@@Firzj очень рад что помогло. Сам тоже на этом гайде построил сайт

В мене та сама помилка, можите підсказати, яким чином її усунули, дякую!

@@maksimbadu7696 извините, никакого расизма, но я не понимаю по украински

або навпаки

@@Makaler Более того, еще удобно картинки с языком менять :)

Достаёт из DOM'а title документа и присваивает ему значение ключа unit из массива langArr, в котором есть другой ассоциативный массив, в котором есть совпадение со значением hash. Т.е., ранее по коду ты получаешь значение hash из адресной строки, как en u\ua. К примеру, получил значение ru. Джаваскрипт лезет в ассоциативный массив langArr, находит там ключ unit, видит, что там 3 ключа - 'en', 'ru' и 'ua'. Т.к. ранее из hash ты получил значение 'ru', то он берёт значение ключа буквально arrLang['unit']['ru'], что равно "создаем многоязычный сайт". Если бы в хэше было бы другое значение ('en', к примеру), то данные брались бы из arrLang['unit']['ua']

@@LuciferAngelos подскажите, пожалуйста, как правильно реализовать данный подход на многостраничном сайте?

Да есть i18njs специально для ванильного js

Прапори країн не зовсім логічно перегукуються з мовами, адже можна поставити, наприклад, прапор Німеччини для німецької мови, але тоді Австрійці, Швейцарці, та громадяни інших країн (наприклад в Італії є германоязичні люди) не будуть бачити в цьому логіки, інший приклад - іспанська мова: поставити прапор Іспанії, а як же уся Латинська Америка? Вони теж говорять іспанською. Але не є громадянами Іспанії і її прапор їм, по суті, не важливий. А ще більш відверто говорячи - такий підхід буде харити багато користувачів. 😎 Тому на переважній більшості сайтів великих міжнародних компаній ви не побачите прапорці біля вибору мов.

Я держал и вел такую группу 3 года, где с утра до вечера помогал и отвечал людям в любое время. И ночью и в час ночи и в два и в три. Еще и недовольство выслушивал, когда просил уточнить вопрос или код закинуть на codepen.io - чтобы помочь. С прошлого года решил - хватит.

@@itgid понятно, как хотите