JS onload help.

Not a JS coder but.

function anipgbar(){
 var p = document.getElementsByClassName("animated"); // class name
 var orig = parseInt(p[0].getAttribute('orig')); // holds the original value of the pg bar
 var cval = parseInt(p[0].getAttribute('value')); // current value of the pg bar
 if (cval > orig) {
 p[0].setAttribute('value', orig); // set the pg bar back to original value
 }
 else
 {
 p[0].setAttribute('value', orig+1); // add 1 to the pg bar value
 }
 };

window.onload = function(){
setInterval(anipgbar, 2000) // run the function every 2 seconds
}

The window load event fires as the runtime is loading. So assuming your script runs after that, it will not fire in your own scripts. You can just write your scripts assuming onload already fired.

Bump

Getting annoying errors because the JS above is running regardless of the layout that's visible and it only affects one layout.

So again, anyone know of a way to tell JS to only run when a specific layout is open?

This is a different question to the one you originally asked, which is kind of confusing. It sounds like the obvious thing to do would be to make the script run in a function, and call the JS function from events when you go to that layout.

Thanks Ashley ! I think the JS noob gets it! This is really cool, being able to call a custom JS function inside a layout.

This works by calling skillStart() on start of layout and skillStop() on end of layout (to prevent it from creating multiple intervals) and basically, (along with some CSS) pulses a progress bar between two values.

function anipgbar() {
 var p = document.getElementsByClassName("animated");
 var orig = parseInt(p[0].getAttribute('data-orig'));
 var cval = parseInt(p[0].getAttribute('value'));
 if (cval > orig) {
 p[0].setAttribute('value', orig);
 } else
 {
 p[0].setAttribute('value', orig + 1);
 }
};

var drawInterval;

function skillStop() {
 clearInterval(drawInterval); 
};

function skillStart() {
 drawInterval = setInterval(anipgbar, 2000);
};