Dashboards & Visualizations

Adding javascript to splunk dashboard

nisha_kapoor
Path Finder

I am pretty new to Splunk, so this might seem a little basic, but can someone please share a demo javascript file? This is my simple test javascript code which is doesn't work.

function msg(){  
 alert("Hello Javatpoint");  
}  

Are there any require statements, etc which I am missing? I have pasted this file myScript.js in C:\Program Files\Splunk\etc\apps\search\appserver\static. This is how I reference it in Splunk:

<dashboard script="myScript.js">
  <label>Hello</label>
  <row>
     <panel>
    <html>
    <input type="button" value="click" onclick="msg()"/>  
  </html>
  </panel>
  </row>


</dashboard>

Also I restarted Splunk. But still the message is not displayed. Is there something I am missing?

Tags (1)
0 Karma

niketn
Legend

@nisha_kapoor , I have already answered this query in my answer. Please refer to the same. There is an example of JavaScript alert and another one for Modal Error Message.

https://answers.splunk.com/answers/558642/access-a-drop-down-field-value-in-javascript.html

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"
0 Karma

hardikJsheth
Motivator

Here is the updated JS

require(['jquery','underscore','splunkjs/mvc/searchmanager','splunkjs/mvc','splunkjs/mvc/utils','splunkjs/mvc/simplexml/ready!','splunkjs/ready!'], function($,_,SearchManager,mvc){
console.log("HI");
        var submitted = mvc.Components.getInstance('submitted', {create: true});
        console.log(submitted)
        function msg(){
                 console.log("Hi I am here");
                 alert("Hello Javatpoint");
         }
        submitted.on('click:btn',msg);
        msg();
});

You need to set id=btn for your button.

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!

Federated Search for Snowflake Is Now Generally Available on Splunk Cloud Platform

Unlocking Data-In-Place Search Across Splunk and Snowflake  Enterprise data is increasingly distributed across ...

Help Us Build Better Splunk Regex Puzzles (And Win Prizes!)

If you’ve spent any time in the Splunk Community Slack, you’ve likely seen our resident Splunk Trust ...

Fuel Your Journey: What’s Waiting for You at the .conf26 Acceleration Station

Navigating the show floor at .conf26 isn't just about keynotes and technical breakout sessions; it's also ...