In that case you can add an if/else statement to adjust css styling if it's all rtl language like Arabic or Urdu

thank you

@@algeriennesaffaires7017 no problem

In that case you can add an if/else statement to adjust css styling using sass exemple: $lang:english $left:left .content{ text-align:$left; float:$left; } @if ($lang == arabic){ $left:right; }

From my experience i would say you should make another hbs or html file with all the wanted orientation then link it with the flag in the top page and easey pizy women swiizy

Hey man, that sounds interesting, do you have a code example that you're willing to share for that?

I don't think it's better. Because if you do it like that, when you send de webpage to someone else, it will not be sent in the language you meant to send.

i am having the same problem , how did you solved

@@anupritakasbekar8172 Did you find a solution?

PHP is the better way i guess

Any solution on that? First i though of modifying all the content with a wrapper.innerHTML = `translatedtext` But it doesn't work like i was thinking

It works, but do you know why the styling changes?

your "it sucks ass" part made me laugh. And nice work, it worked.

incredible, you saved my precious time, may the gods of the code bless you

instead of history.go(); I used location.reload(); because for some reason the first was not working on Safari thank you btw!

THANK YOU !

So if anyone else ran into this I found the solution. You need to set the 'window.location.hash = 'your hash here'' then call the reload. Otherwise the reload will just reload the previous path.

@@ryancarville1232 i still get no change when i click on either language, its just stuck, i dunno how i can change it, why so, is it a glitch?

the same is happening to me on Google Chrome

did you fix it?

@@josemiguelmedina4953 No, was trying to fix the problem for the entire day, and eventually gave up. And I found the other tutorial was way more straight forward and easier than this one using PHP. hope you can find this useful. kzfaq.info/get/bejne/mc2md7CG17eXpnU.html

You can use LocalStorage to store the language and set it upon each page visit.

you have to change this (i = 0; i

Eden Sharvit haven't tried, but some languages like Arabic and Urdu are automatically aligned to the right so may need to also add some additional CSS styling to adjust for the language change for visual consistency.

window.location.hash not window.hash.location

Brackets

If I recall correctly it's built into brackets

@@michaelsapps you mean thats the name of the pluging?

@@jmcharro9947 Emmet is the plugin

same problem/fix

can you send me the code sample solution for that ? I cannot seem to get it to work ! arielivansanchezlescano@gmail.com thanks a lot

I added onclick="window.location.href = 'index.html#en' to my anchor tag and that worked for me

I had to give the anchor tags an onclick function and write this on the function reloadPage() { setTimeout(function () { location.reload(); }, 100); } I think that adding the hash to the url and reloading the page was happening at the same time thus the timeout for the reloadPage function.

@@berenjor This comment deserves more likes :)

@@blackguytraveller7797 I know right?

@@berenjor This is the best and working comment

hello, i saw your comment on multiple video did you ever got your question answered im on the same problem as you it work fine for 1 page but not the other

@@afrikanhustla2286 no 😭

@@dr4382 i found a way to do it after coding the entire day

@@afrikanhustla2286 really?? How? I can’t since I have not started my course yet could you send me links or info to learn please??

@@dr4382 i ended up using php much easier i will try to upload a video

I haven't tested that out. Have you tried it?

Working solution for you: // remove hash and scroll to section logic // store the hash (DON'T put this code inside the $() function, it has to be executed // right away before the browser can start scrolling! var target = window.location.hash, target = target.replace('#', ''); // delete hash so the page won't scroll to it history.pushState('', '', window.location.pathname); // stackoverflow.com/questions/36736483/how-to-clear-hashtag-from-url-on-page-load // window.location.hash = ""; // stackoverflow.com/questions/3659072/how-to-disable-anchor-jump-when-loading-a-page // now whenever you are ready do whatever you want // (in this case I use jQuery to scroll to the tag after the page has loaded) $(window).on('load', function () { setTimeout(function () { // wait 1.5 seconds for page to render if (target) { // exists === true $('html, body').animate({ scrollTop: $("#" + target).offset().top - 80 }, 1000, 'swing', function () { }); } }, 800); }); var dataReload = document.querySelectorAll("[data-reload]"); var language = { en: { greeting: "Smiling's never been so easy" }, cn: { greeting: "微笑从未如此轻松" } } if (target) { if (target === "cn") { greeting.textContent = language.cn.greeting; } } for (i = 0; i

no idea but I am also trying to translate my page for both korean and english. Early on I picked a google fonts called Nanum Gothic because the google description said it was good with korean characters. The korean text is higher but they don't appear to be a big difference that requires alternative styling. But I'm just starting this and am a more novice developer.

scratch that. It looks fine. I recommend that font from google

in for loop change "i

Actually the else statement is not necessary as you're then just repeating code that you've already created before in HTML. #1 rule is to keep your code DRY. DRY meaning Don't Repeat Yourself.

Michael Schwartz yes, I am familiar with design patterns. However, somehow the code doesn't function properly without the else statement..

@@ultralooter else statement is only necessary when the if statements aren't detected. Thus I use else for the default language as a backup but in my case I don't end up needing the else thus is disregarded because it's already in the HTML. If it doesn't work for you then it has to do with your JS or maybe you're using an old browser.

Michael Schwartz might be because I use Opera.. But still, it's built on the Chromium engine so I see no issues there. Your logic makes sense though.

i almost got it working with ur fix too, lol

Airbee yes but it’s dynamic and won’t help with search results. Best to do that via metadata

hey @marco Gianni have you find a solution? I am stuck in the same problem

Yes

Pretty clever Dad joke though

Hey Raul Kubi, do you have a solution to this error?

It should be dataReload.length-1

for (i = 0; i

I got the same problem! Can you help if u found a solution ?

for (i = 0; i

This is the error how can i fix it: Uncaught TypeError: Cannot set property 'onclick' of undefined

@@draganjovanoski7649 same here. did you find any solution?

did you get any idea about this? Kindly reply me in mobitecthlogamuhilan@gmail.com

P.S. put the lang translation above the anchor reload or it will be totally janky as it needs 2 clicks to fetch the translations

Shreshthi Jain There’s many different ways to do this. This video just shows one method I used in just JavaScript for client-side applications. There are also server-side solutions as well that operate differently. Many kind of approaches and there’s no right answer. Depends on you, your team, company, etc: just gotta research, play with a few ways on how to do it and see which works best for your case.

@@michaelsapps sir can you just tell me one way to do so? I have used the same code for language translation so if u could help?

Shreshthi Jain if you’re using the method from the tutorial you would use JavaScript (like in the tutorial) to apply the language via a hash to every page on your site. So you’d replicate the same thing for each directory or you can use 1 JavaScript file but make sure it’s in every html or php file that’ll be used for pages like books.html affiliates.html etc

thank you :D, i was thinking im just blind and stupid..

JSON === JavaScript Object Notation :)

Brackets are actually very useful, much better than the SUB / END SUB of Visual Basic or the annoying tabs in Python. You can just create a separate scope using brackets, simple and easy. And it is not only JS, but also TypeScript, AssemblyScript, C++, Java, C#, Rust, and most languages actually.