Force always load the content of a div

2 posts, 0 answers
  1. Manolo
    Manolo avatar
    5 posts
    Member since:
    Mar 2014

    Posted 30 Mar 2014 Link to this post

    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>
  2. Petyo
    Admin
    Petyo avatar
    2438 posts

    Posted 02 Apr 2014 Link to this post

    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!
     
  3. Kendo UI is VS 2017 Ready
Back to Top