Dashboards & Visualizations

Why is my javascript code not working in my dashboard?

mrao123
Engager

So, I am trying to get a progress bar button in Splunk Dashboard, which will work on click button.
Here is what i done :

I have created a 2 files under /opt/splunk/etc/apps/MY_APP/appserver/static/button.js and button.css

code for button.js is :

*****************************************************
function move() {
  var elem = document.getElementById("myBar");   
  var width = 1;
  var id = setInterval(frame, 10);
  function frame() {
    if (width >= 100) {
      clearInterval(id);
    } else {
      width++; 
      elem.style.width = width + '%'; 
    }
  }
}
*****************************************

Code for prog.css is :
******************************************
#myProgress {
  width: 100%;
  background-color: #ddd;
}

#myBar {
  width: 1%;
  height: 30px;
  background-color: #4CAF50;
}

************************************************

Now here is my code for Dashboard where i can calling button.css and button.js file ( button.css works fine)

  testdash

    <panel>
      <html>




Click Me 





***********************************************

please find an Image below for your reference .

Button.js is still not working.

Any suggestion ?alt text

0 Karma
1 Solution

mrao123
Engager

I fixed it of my own ..

Ans : by clearing the browser cache..

View solution in original post

nickhills
Ultra Champion

In most cases you can use the _bump url to bust the cache for you

https://<yourSplunk>/en-US/_bump

Give it a try next time you update your js

If my comment helps, please give it a thumbs up!

mrao123
Engager

I fixed it of my own ..

Ans : by clearing the browser cache..

Get Updates on the Splunk Community!

Introducing the Splunk Community Dashboard Challenge!

Welcome to Splunk Community Dashboard Challenge! This is your chance to showcase your skills in creating ...

Built-in Service Level Objectives Management to Bridge the Gap Between Service & ...

Wednesday, May 29, 2024  |  11AM PST / 2PM ESTRegister now and join us to learn more about how you can ...

Get Your Exclusive Splunk Certified Cybersecurity Defense Engineer Certification at ...

We’re excited to announce a new Splunk certification exam being released at .conf24! If you’re headed to Vegas ...