Button of widget doesn't change immage

[Mirco]

Hi,
How can I change the immage of the button when a widget is open, and rechange it to the original, when the widget is close?
Because I put an immage in the "Icon ON" and another one in the "Icon OFF" properties of the button that open the widget, but it doesn't change..  What does these properties for?

Thanks

[admin]

On/Off image is linked to object or status object value. For now it's not possible to change the icon depending on widget state unless you write some custom JavaScript.

[Mirco]

Ok, thanks!
How can I see if a widget is open/close in JavaScript?

---

I have resolve my previous question, but now I am not able to change the image of an object with JavaScript, do you know how to do it?
I tryed some istructions but no one worked..

This is my code:

Code:

$(function()
{
 var widgetS = false, widgetF = false;
 
 function openWidget(id_icon)
 {
   $(id_icon).css("background-image", "/scada/resources/icons/Button_Preessed.svg");  //This doesn't work
 }
 
 function closeWidget(id_icon)
 {
   $(id_icon).css("background-image", "/scada/resources/icons/empty.svg");  //This doesn't work
 }
 
 
 $(".widgetS").on("click", function()
 {
     if (widgetS == false)
   {
     openWidget(".widgetS");
     widgetS = true;
   }
   else
   {
     closeWidget(".widgetS");
     widgetS = false;
   }
   
   if (widgetF == true)
   {
     closeWidget(".widgetF");
     widgetF = false;
   }
 });
 
 $(".widgetF").on("click", function()
 {
     if (widgetF == false)
   {
     openWidget(".widgetF");
     widgetF = true;
   }
   else
   {
     closeWidget(".widgetF");
     widgetF = false;
   }
   
   if (widgetS == true)
   {
     closeWidget(".widgetS");
     widgetS = false;
   }
 });
 
 $(".pageS").on("click", function()
 {
     if (widgetS == true)
   {
     closeWidget(".widgetS");
     widgetS = false;
   }
   
   if (widgetF == true)
   {
     closeWidget(".widgetF");
     widgetF = false;
   }
 });
 
 $(".pageF").on("click", function()
 {
     if (widgetS == true)
   {
     closeWidget(".widgetS");
     widgetS = false;
   }
   
   if (widgetF == true)
   {
     closeWidget(".widgetF");
     widgetF = false;
   }
 });
});

[admin]

Try this instead:

Code:

$(id_icon).find("img").attr("src", "/scada/resources/icons/Button_Preessed.svg");

[Mirco]

Thank you very much, it works now!