Change javascript variable with jquery

Question

In my MVC project i import a .js file in my shared layout.

 <script src="@Url.Content("~/Scripts/bootbox.js")" type="text/javascript"></script>

This file has this variable

var locales = {
            en: {
                OK: "OK",
                CANCEL: "Nej",
                CONFIRM: "Ja"
            }}

In one of the views i would like to change the OK value for en with jQuery. How can i do this?

Have you checked the scope of your JavaScript files? It sounds like the variable is out of scope where you're trying to access it. — Matthew
– Matthew, Commented May 14, 2014 at 15:03
@TobiasOlofsson Is the var defined within the body of a function? If it is, it won't be directly reachable from outside of that. — Jonathan Lonowski
– Jonathan Lonowski, Commented May 14, 2014 at 15:04

AmericanUmlaut · Accepted Answer · 2014-05-14 15:06:57Z

2

Assuming the file defines locales as a global variable,

locales.en.OK = 'en';

To be clear, though, this has nothing to do with jQuery, razor, or model-view-controller. It's simply how you set the property of an object in native Javascript, there's no further technology required to do this.

I have now downloaded bootbox.js myself to look at what's going on here. locales is not defined as a global variable, it's scoped to the anonymous wrapper function that contains all of the contents of bootbox.js.

This means that there is no way to change the contents of that variable dynamically from outside of that scope. If you want to permanently change that text, then you can change it in bootbox.js manually. If you want to change it dynamically, then you can replace

var locales = ...

with

window.locales = ...

in bootbox.js, and then use my original suggestion in your own code.

edited May 14, 2014 at 15:06

answered May 14, 2014 at 14:59

AmericanUmlaut

2,8472 gold badges19 silver badges28 bronze badges

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

Comments

Rashmin Javiya · Accepted Answer · 2014-05-14 15:01:30Z

0

You may declare locales in some scope, define locales outside of scope that is global or just remove var from locales as mentioned below.

locales = {
  en: {
    OK: "OK",
    CANCEL: "Nej",
    CONFIRM: "Ja"
}}

You can call it by locales.en.OK

answered May 14, 2014 at 15:01

Rashmin Javiya

5,2223 gold badges31 silver badges49 bronze badges

Collectives™ on Stack Overflow

Change javascript variable with jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related