How to set a variable as Cookie (javascript)

Question

I have translated a website and I want to remember which country a customer has selected. This is my code:

 $('.set_nl').click(function(){
   var translator = $('body').translate({lang: "nl", t: dict}); 
 });

 $('.set_de').click(function(){
   var translator = $('body').translate({lang: "de", t: dict}); 
 });

 $('.set_en').click(function(){ 
   var translator = $('body').translate({lang: "en", t: dict}); 
 });

How can I achieve this with cookies?

I don't think you understand the assignment operator `=` well. Please take a look on that. Also, please take a look at how to use a cookie. Also, you might want to follow on some JS tutorials to get started with JS. — Daniel Cheung, Feb 14 '17 at 12:23

Francesco Gusmeroli · Answer 1 · 2017-02-14T11:44:00.427

1

To store a cookie you have to set a name and save it into a certain pattern:

document.cookie = "username=John Doe";

edited Feb 14 '17 at 11:44

answered Feb 14 '17 at 11:42

Francesco Gusmeroli

633
6
18

score 1 · Accepted Answer · edited May 23 '17 at 12:34

Firstly to set a cookie using Javascript you can use the code outlined in this question, or as you have already included jQuery in the page you can use the $.cookie library.

From there you can set the value when a choice is made, then retrieve the value on load of the page to set the language the user previously set.

Also note that you can DRY up the multiple click handlers on the button which set the language by using a data attribute. Try this:

$('.lang').click(function() {
  var lang = $(this).data('lang');
  var translator = $('body').translate({
    lang: lang,
    t: dict
  });
  $.cookie('lang', lang);
});

// on load
$('body').translate({
  lang: $.cookie('lang'),
  t: dict
});

<a href="#" class="lang" data-lang="nl">NL</a>
<a href="#" class="lang" data-lang="de">DE</a>
<a href="#" class="lang" data-lang="en">EN</a>

How to set a variable as Cookie (javascript)

2 Answers2