JS - Replace language

Question

i have following line in my JS-File:

   language : (div.lang && div.lang != "") ? div.lang : "en",

I want simply change the line in:

   language : (div.lang && div.lang != "") ? div.lang : "de",

or

   language : (div.lang && div.lang != "") ? div.lang : "es",

or

   language : (div.lang && div.lang != "") ? div.lang : "fr",

or

   language : (div.lang && div.lang != "") ? div.lang : "la",

or

   language : (div.lang && div.lang != "") ? div.lang : "it",

And I want to replace the line in my js-file when I choose a language:

   <select id="type" name="type">
    <option value="en">English</option>
    <option value="de">German</option>
    <option value="es">Spanish</option>
    <option value="fr">French</option>
    <option value="la">Latin</option>
    <option value="it">Italian</option>
   </select>

But I have no idea how to realize it :/ Someone can help? And one tip: I don't want to change the language for the visitor in the frontend. I just want to change it to have my whole script in the chosen language.

UPDATE

I have following in my JS-File:

   // Global Var in JS (placed on top)
   var LANGUAGE = "en";
   function languageChange(){ 
   LANGUAGE = document.getElementById("selectLanguage").value;
   }

And I have following in my HTML-File:

   <p style="float:left"><input style="border:1px solid #bbb" type="submit" value="Choose language" id="submit"></p>
   <p style="float:right; padding-right:20px">
   <select id="selectLanguage" onchange="languageChange">
   <option value="en">English</option>
   <option value="de">Deutsch</option>
   <option value="es">Español</option>
   <option value="fr">Français</option>
   <option value="la">Lingua latina</option>
   <option value="it">Italiano</option>
   </select>&nbsp;<input type="submit" value="Enter" id="submit"></p>

And it don't works.

PHP, yes. You think it's better to realize it with preg_replace? — user2580842
– user2580842, Commented Jul 14, 2013 at 17:08
Not necessarily, you can keep client settings on the client. — Alerty
– Alerty, Commented Jul 14, 2013 at 18:08

Alerty · Accepted Answer · 2013-07-14 18:06:50Z

1

var languageEnum = {
  english: "en",
  german: "de",
  spanish: "es",
  french: "fr",
  latin: "la",
  italian: "it"
};

var pageConfiguration = {
  language: languageEnum.english; // note that this could be a user preference too and you could check the browser's language
};

$(document).ready(function() {
  $("#type").change(function(){
    pageConfiguration.language = $(this).val();
  });
});

  //...
  language : (div.lang && div.lang != "") ? div.lang : pageConfiguration.language,
  //...

edited Jul 14, 2013 at 18:06

answered Jul 14, 2013 at 13:54

Alerty

5,9558 gold badges42 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Pika · Accepted Answer · 2013-07-16 09:53:43Z

1

//GLOBAL
var LANGUAGE = "en"; // if english is default


//on bodyload
$("#type").change(function(){
  LANGUAGE = $(this).val();
});


//wherever you want to use it
language : (div.lang && div.lang != "") ? div.lang : LANGUAGE,

For the Comments:

enum just wasting ressources (in my opinion ==> btw thanks ;) )
use my code is based on jquery
on bodyload can be put into jquery on domready, html on bodyload, etc

For pure JS:

// HTML:

<select id="selectLanguage" onchange="languageChange">

// JS
//// Global Var in JS (placed on top)
var LANGUAGE = "en";

//// function placed anywhere
function languageChange(){
    LANGUAGE = document.getElementById("selectLanguage").value;
}

//// wherever you want to use the line
language : (div.lang && div.lang != "") ? div.lang : LANGUAGE

BTW: //onload events //// Html way

//or
//// JQ way
$(document).ready(function{})

// etc...

edited Jul 16, 2013 at 9:53

answered Jul 14, 2013 at 12:51

Pika

15412 bronze badges

7 Comments

Alerty Over a year ago

I would put the language variable into a configuration object.

Alerty Over a year ago

But +1 for the answer :)

user2580842 Over a year ago

This looks nice. Thanks. And I just add my HTML-Code (in my Question)?

user2580842 Over a year ago

Bodyload... Don't works my JS-File don't built the site if i put it in, maybe a syntax fault? May you can say what I put in bodyload?

Alerty Over a year ago

What is the error? The answer takes into consideration implicitly that jQuery is linked in your page.

|

Collectives™ on Stack Overflow

JS - Replace language

2 Answers 2

Comments

7 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

7 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related