I'm slowly making some progress with my Coin Collecting PWA app. The issue I have today is the following:
I open the browse, select a record and open the form. This form has three tabs. Basic data is on tabs 1 and 2. I have two image controls on tab 3. On tab 3 I have a button that has JS code attached (on click) to modify the src attribute for each image control:
function setObverseImage() {
$("#obvImage").attr("src", "/uploads/"+$("#CC__Coin_Image_Name_Obv").val());
}
function setReverseImage() {
$("#revImage").attr("src", "/uploads/"+$("#CC__Coin_Image_Name_Rev").val());
}
So, I go to tab 3, click the button to run my JS code, and the images are displayed. Next, I save or close the form and select another record from the browse, and the form opens but still on tab 3 with the old images displayed, but all other fields have the newly selected data. I must click the button again to get the above JS code to run and show the correct images. I don't think this is a image cache issue, I suspect this is an Ajax issue, where only parts of the form are updated.
I want to find a way to get the images updated when I select a new record, and not have to manually click the button to update the images. Thoughts?
Thanks,
Jeff King