Hi,
It is possible to achieve what you want. You will need a few objects:
- dropdown list object with script;
- "image" objects, one for each image you want. These would be set to hidden;
- "imageField" object. You would only need one of these. The initial value would be null. The script in the dropdown will populate the imageField with the appropriate image object.
When setting up the dropdown list it can be handy to specify values in the binding tab (e.g. 1, 2, 3,...). Then in the script you can refer to the numbers rather than the strings that the user sees in the dropdown.
The imageField1 should be set to access read only in its initialize event:
this.access = "readOnly";
This will prevent the user overriding the image.
When setting up the image1, image2, image3 objects make sure to tick the "embed image data", otherwise the users may not have the images available to them.
You can place similar Javascript in the exit event of the dropdown:
if (this.rawValue == 1) {
imageField1.rawValue = image1.value.image.value;
} else if (this.rawValue == 2) {
imageField1.rawValue = image2.value.image.value;
} else if (this.rawValue == 3) {
imageField1.rawValue = image3.value.image.value;
}
Good luck,
Niall
ps Because the dropdown object and the image objects are on different pages, you will need fully qualified references. If the dropdown is on page1 and the images on page2, the reference would look something like:
page2.imageField1.rawValue = page2.image1.value.image.value;
