Method to dynamically change an image in scriptUI

[_Jezz_]

I'm trying to run before I can walk, but:

Is there any way to respond to a click on an image in a dialog created with scriptUI?

I want to modify which image is shown during the user's interaction with the dialog. I think that the "stack" method will create a stack of more than 32 layers, so it would be tidier to be able to just modify an instance of the image each time.

I may also want to dynamically add more images during dialog, and therefore need to be able to resize the panel in the dialog window.




var myIcons = new Array();

myIcons[0] = "/path...to/image1.png";

myIcons[1] = "/path...to/image2.png";

var myPanel;

myPanel = myCreatePanel();

myPanel.show();

myIncrement=1;

for(var myCounter = 0; myCounter < 11; myCounter ++){

 $.sleep (100);

 }

myPanel.hide();

exit();



function myCreatePanel(){

 myPanel = new Window('palette', 'test bed');

  with(myPanel){

   myPanel.myButton = add('image', undefined, myIcons[0]);

   myPanel.myButton.addEventListener('click', updateIcon);

  }

  return myPanel;

}



function updateIcon() {

 iconShow +=1; if (iconShow = 2){iconShow = 0};

 myPanel.myButton.image = myIcons[iconShow];

 }



 

Any hints and help much appreciated...

Thanks,
Jezz

[_Jezz_]

I'm hacking out some code, and making some degree of progress... I'll post the results once it's tidy!

--Jezz

[natural_knight01AB]

Did you ever come up with a solution for this? Thanks!

[Silly-V]

I was having to do this and ended up using the remove() method on my image's parent to remove it, and then add a new image with a different file. Then I called the window.layout.layout(true) to force an update on the window that shows the new added image.