Question

I have problems with calling a JavaScript function (which is inside of an object, in it’s own .js file) from an other HTML page. In the code exsample I’ll just use a simple Hello World function.

    //.js file

    window.addEvent('domready',function(){

      var Site = {
        //Here I have like three other functions

        //This function I want to detect the browser version. I use MooTools for this
        detectBrowser : function(){
         if(Browser.ie){
          //Then what ever content goes here
         }
        } 
       }

       //I execute the other three functions here because they need to be called on every page
       Site.dropdownmenu();
       Site.accordion();
       Site.lightbox();
     });

I’m working with MooTools so I have wraped everything inside of the domready function.
Now, I want this cetect function to execute only at one page. I have tried somethink like this:

    //In the HTML file between two script tags:
    Site.alert(); 

That does’nt work. Any ideas?
If I execute it in the .js file it works fine. But I don’t want it to execute at every page.

Answer 1

If you declare a variable with var in a function, the variable is local to that function and inaccessible from outside that function. To make it explicitly global, declare it as a property of window:

window.addEvent('domready',function(){
    window.Site = ...

This isn’t necessary for the code to work, it just makes it explicit for programmers that might read your code that Site is a global.