Unusual behavior in function calls in java script

[rakesh19]

Hi,
I am dynamically including .js files on a button click. There is a segregated function to do the same. It doesnt seems to work well. If I put a alert tag in the includeJSFile function, it works well. Else it says init is not defined. Is there peculiarity in how function calls are terminated or something
I am attaching the code snippet below.

headTag.appendChild(imageScriptTag);         
    includeJSFiles('js/image-slideshow.js','text/javascript');
    includeJSFiles('OpenLayers-2.6/lib/OpenLayers.js','text/javascript');
    includeJSFiles('OpenLayers-2.6/lib/Firebug/firebug.js','text/javascript');
    includeJSFiles("js/mapStandaloneBox.js","text/javascript");    
    includeJSFiles('js/dom-drag.js','text/javascript');    
    init();
    document.getElementById('GoVid').onclick=checkButtonCall;
    checkButtonCall();
    }
}
}
function includeJSFiles(src,type) {
    var headTag=document.getElementsByTagName('head')[0];
    var scriptTag=document.createElement('script');    
    scriptTag.src=src;
    scriptTag.type=type;
    headTag.appendChild(scriptTag);
    return true;
    //console.log(headTag.innerHTML);
}
 

[gits]

what does the init() method do? is it a function that relies on one of the included scripts before?

kind regards

[rakesh19]

what does the init() method do? is it a function that relies on one of the included scripts before?

kind regards

Thanks for reply

yep. init() relies on the openlayers script included above. How do I invoke Openlayers constructor. Including in head tag and loading seems to invoke that constructor but not the tag addition by later method.

[gits]

i think the include of scripts that you do here is just an async process ... so you cannot rely on the code instantly. since you add the src-attrib this might start to load the script when you add it to the document and the init() method is called to early. you could poll and wait for all code that you want to use during the process ... you may use an interval and ask for something like ...

if (typeof init != 'undefined') {
    init();
}

kind regards

[rakesh19]

i think the include of scripts that you do here is just an async process ... so you cannot rely on the code instantly. since you add the src-attrib this might start to load the script when you add it to the document and the init() method is called to early. you could poll and wait for all code that you want to use during the process ... you may use an interval and ask for something like ...

if (typeof init != 'undefined') {
    init();
}

kind regards

yep. that sounds good. Actually, openlayers inturn loads a many other js files. Since its a async process, that happens separately and init has few components of those js file, hence it breaks. Thanks.