How to make the site remember the choice?

Question

I made a simple website that includes two language versions, one Turkish and one English, my index page is a page that offers Turkish | English link directing into index-tr and index-en. My question is how to make the index page remember what did the certain IPs selected when they first accessed the site. I mean, if I selected Turkish for the first time when I access the site another time it should remember that I've selected Turkish and should not direct me to the index page but instead, it should open index-tr.

I've used HTML and CSS only, no Javascript included.

I hope I made it clear.

Thanks in advance.

You have to do that by either javascript or at the server (which checks the choice made) — KarelG, Jun 14 '17 at 08:02
Umm, can you provide a code for me then? I am new to HTML and CSS, I don't know any of Javascript yet. — Fornicras, Jun 14 '17 at 08:04
save the first choice into the localstorage via js. On load check the localstorage and if you've found a choice then redirect the user — Fabrizio Calderan, Jun 14 '17 at 08:13

Abhishek Pandey · Answer 1 · 2017-06-14T08:19:00.850

1

I don't think this is possible with HTML CSS only, you have to use JavaScript,

Use localStorage

if (typeof(Storage) !== "undefined"){
  localStorage.setItem('lang', 'tur');
} else localStorage.getItem('lang')

MDN

edited Jun 14 '17 at 08:19

answered Jun 14 '17 at 08:13

Abhishek Pandey

13,302
8
38
68

Red · Accepted Answer · 2017-06-14T08:52:24.717

You can't store properties in HTML or CSS to be remembered for a period of time.

You have to use JavaScript or something server side, like PHP.

With JavaScript you could use localStorage.

The localStorage property allows you to access a local Storage object. localStorage is similar to sessionStorage. The only difference is that, while data stored in localStorage has no expiration time, data stored in sessionStorage gets cleared when the browsing session ends—that is, when the browser is closed.

You can write something like this

localStorage.setItem('language', 'tr') // Turkish language

You can overwrite this value by just overwriting the language with setItem()

localStorage.setItem('language', 'en') // English language

Now you can do something with it.

if(localStorage.getItem('language') == 'tr') {
    // Language it Turkish, redirect or what ever JS code here.
} else {
    // Language is not Turkish, but something other then 'tr'    
}

More documentation and example's you can find here

What if user is visiting site for very first time and `localStorage` is `null`? — Abhishek Pandey, Jun 14 '17 at 08:49
Well, thats on the developer. He can show a popup with 2 options, `which site do you want to visit? ..` then give `turkish` and `english` or just set a default value. — Red, Jun 14 '17 at 08:51

score 0 · Answer 3 · answered Jun 14 '17 at 08:09

0

You can't do it with html and css, you have to do it with or at the server (cookies in php)

answered Jun 14 '17 at 08:09

eslam masoud

413
1
3
10

How to make the site remember the choice?

3 Answers3