Dashboards & Visualizations

calling a javascript function through application.js file

smolcj
Builder

hi all,
created a application.js file with following content and saved in the location myapp/appserver/static

        <script type="text/javascript">
<!--
    function toggle_visibility(id) {
       var e = document.getElementById(id);
       if(e.style.display == 'block')
          e.style.display = 'none';
       else
          e.style.display = 'block';
    }
//-->
</script>

and i used <html> tag and tried to call this function

<a href="#" onclick="toggle_visibility('foo');">Click here to toggle visibility of element #foo</a>

This is foo
'
but the function is not loading
please help
thank you

Tags (1)
0 Karma

joelzyla
Explorer

You don't need script tags when using the application.js file. It is already in a .js file. Script tags would be used if you were embedding the script within some html.

You also don't need html tags in a .js file...

The application.js is called from HTML else ware, and is automatically loaded in your app.

So, simply put your code in the application.js file:

function toggle_visibility(id) {
var e = document.getElementById(id);
if(e.style.display == 'block')
e.style.display = 'none';
else
e.style.display = 'block';
}

Drainy
Champion

The code you've posted at the top is written as if it is contained within a HTML page and not a JS file. This is moving more into the boundaries of a site like stackoverflow or something similar for javascript troubles. If this relates to the other post about making modules visible or not then make sure you've understood what has been pasted.

0 Karma
Got questions? Get answers!

Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!

Meet up IRL or virtually!

Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.

Get Updates on the Splunk Community!

Agent Mode Engaged! Enchaining Agentic Operations with Splunk AI Assistant 2.0

    Are you ready to transform how your team handles complex data requests? We invite you to our upcoming ...

Announcing Modern Navigation: A New Era of Splunk User Experience

We are excited to introduce the Modern Navigation feature in the Splunk Platform, available to both cloud and ...

Modernize your Splunk Apps – Introducing Python 3.13 in Splunk

We are excited to announce that the upcoming releases of Splunk Enterprise 10.2.x and Splunk Cloud Platform ...