I believe this has to do with the number of decimal places. try:
obj.style.opacity = (Opacity() / 255).toFixed(2);
I had never set style in that manner, but coded something more like this:
document[
"obj"].style.setProperty("opacity", "0");Those two statements would be equivalent if you stuck "document." in front of the original.
In other words:
document.foo <==> document["foo"]
and
style.opacity = 0 <==> style.setProperty("opacity", "0")
function storage () {
// stuff
this.opacity = 135; // Number between 0 and 255
// more stuff
this.getOpacity() {
return this.opacity;
};
}
var main_storage = new storage ();
function Opacity() {
return main_storage.getOpacity();
}
If it "pretty much" looks like what you put above, then you need to fix this.getOpacity()
function storage () {
// stuff
this.opacity = 135; // Number between 0 and 255
// more stuff
this.getOpacity() = function() { //MODIFIED LINE
return this.opacity;
};
}
var main_storage = new storage ();
function Opacity() {
return main_storage.getOpacity();
}
And do you have anyway to set opacity in your storage object What object are you trying to change opacity on What does the markup look like
<button id="button1" style:position="absolute" style:x="12%" style:y="83%" style:width="10%" style:height="46%" style:backgroundColor="rgba(0, 255, 255, 129)" style:opacity="0.51" style:display="auto" />
First of all, the definition of getOpacity is not correct
function storage() {
...
this.getOpacity() = function() { ( should be ==> this.getOpacity = function())
};
}
Secondly, if your initial opacity is 0.5, the finial opacity value is Opacity()/255 = 135/255 = 0.52. Then, I don't think there will be any major visual difference. If you set the initial value to 1, you will see the opacity does change.
I've tried your code with the fix for getOpacity. It works for me.