Dashboards & Visualizations

Simple XML: How to call a JavaScript function from the HTML panel?

helge
Builder

I would like to call a JavaScript function defined in application.js when the user clicks a link in a Simple XML dashboard. I have the following code:

<html>
   <p>Click on a row in the table to get more information.</p>

   <p><a href="javascript:void(0);" onClick="toggleHidden('Explanation');">Explanation of the data in the table</a></p>

This does not work because the parameters of the a tag are stripped. Using Chrome Developer Tools I see that it looks like this when the page has been loaded:

<html>
   <p>Click on a row in the table to get more information.</p>

   <p><a href="">Explanation of the data in the table</a>

The same code works perfectly when included like this:

<html src="process_detail_explanation.html">
</html>

Is this a bug or by design? I could not find it documented anywhere.

alacercogitatus
SplunkTrust
SplunkTrust

This is by design to prevent XSS attacks, and other malicious intents. BUT - there is a way to do this!

Note : In Splunk 6.X application.js is not loaded automatically. Instead, use dashboard.js.

require(['jquery'],
function($){
    $('#explanation_control').click(function() {
            $("#Explanation").slideToggle( { direction: 'down'}, 500);
    });
}
 );

And you need to update your a to this:

<a href="#" id="explanation_control">Explanation of the data in the table</a>

alacercogitatus
SplunkTrust
SplunkTrust

Did this help you? Please accept the answer if so.

0 Karma

aljohnson_splun
Splunk Employee
Splunk Employee

Why not add the listener to application.js?

0 Karma

JoshWhaley
Path Finder

Did you ever find a solution to this? I'm having the same issue.

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!

Your Feedback. Our Roadmap. Visit the PX Feedback Booth at .conf26

You use Splunk every day, come and help shape what's next.  Save Your Seat: Product-Focused Sessions at ...

Agentic SOC Triage: Investigating Splunk ES Notables with MCP Server and a Local LLM

The Problem: Too Many Alerts, Too Little Context Security operations teams running Splunk Enterprise Security ...

Painting a Clearer Picture: Creating Cross-Domain Visibility with AI Canvas

Watch Now Painting a Clearer Picture: Creating Cross-Domain Visibility with AI Canvas     Do you ever feel ...