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!

Updated Data Type Articles, Anniversary Celebrations, and More on Splunk Lantern

Splunk Lantern is a Splunk customer success center that provides advice from Splunk experts on valuable data ...

A Prelude to .conf25: Your Guide to Splunk University

Heading to Boston this September for .conf25? Get a jumpstart by arriving a few days early for Splunk ...

4 Ways the Splunk Community Helps You Prepare for .conf25

.conf25 is right around the corner, and whether you’re a first-time attendee or a seasoned Splunker, the ...