Force always load the content of a div

[Manolo]

Hi friends,

I have a simple html+css+js app .

I use a structure of tabs linked with divs for the sections menu.

My problem is that i have in a section ( on a div ) only a reference of a img that is on a remote url , but this img maybe will change, but have always the same name. I want to know if there is some method to force always i click on the tab ( div ) of this section to reload the content of this div, or reload always this img, because in this moment only load when the app is launched the first time.

Thx you very much.

<div id="tabstrip-3" data-role="view" data-title="3">
        <div class="test" id="offers">
            <img src="http://www.remoteurl.com/test/image.jpg" height="100%" width="100%"/>
        </div>
    </div>

<div data-role="footer">
            <div data-role="tabstrip">
                <a href="#/" data-icon="home">1</a>
                <a href="#tabstrip-2" data-icon="organize">2</a>
                <a href="#tabstrip-3" data-icon="favorites">3</a>
                <a href="#tabstrip-4" data-icon="about">4</a>
            </div>
        </div>

[Petyo]

Hi Manolo,

In case you are in control of the host of the image in question, you should make sure that it has the correct cache headers set, so that the browser refreshes it correctly. Another workaround would be to change its url and append a query string to force reloading.

Regards,
Petyo
Telerik