Re: Simple XML: How to call a JavaScript function ...

helge · ‎01-27-2015

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 · ‎07-23-2015

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 · ‎08-03-2015

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

aljohnson_splun · ‎07-22-2015

Why not add the listener to application.js?

JoshWhaley · ‎07-22-2015

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

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

Say goodbye to manually analyzing phishing and malware threats with Splunk Attack ...

AppDynamics is now part of Splunk Ideas

Advanced Splunk Data Management Strategies