This is a migrated thread and some comments may be shown as answers.

Force always load the content of a div

1 Answer 43 Views
TabStrip (Mobile)
This is a migrated thread and some comments may be shown as answers.
Manolo
Top achievements
Rank 1
Manolo asked on 30 Mar 2014, 09:36 PM
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>

1 Answer, 1 is accepted

Sort by
0
Petyo
Telerik team
answered on 02 Apr 2014, 07:04 AM
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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
TabStrip (Mobile)
Asked by
Manolo
Top achievements
Rank 1
Answers by
Petyo
Telerik team
Share this question
or