Splunk creates random folder between static and app folders in browser

[greggz]

I'am trying to load a css dynamically in my Javascript. This should be fairly simple, but Splunk's imaginary folder makes it impossible to achieve.

So the path for any file in the static folder becomes: /en-US/static/@c87tfdcn4/app/MyApp/sample.css

How can I find a secure way to get that folder name inside my Javascript ?

Any help is much appreciated, thanks guys

[jeffland · Accepted solution]

That is splunk caching the file, and the path your browser sees. You can easily access the file with its original path nevertheless, for example by appending it to the head section:

function loadCss(url) {
    var link = document.createElement("link");
    link.type = "text/css";
    link.rel = "stylesheet";
    link.href = url;
    document.getElementsByTagName("head")[0].appendChild(link);
}
loadCss('/static/app/yourApp/yourFile.css');

You could also use requirejs to load the file.

[greggz]

And here I was just complicating everything. Thanks sir