Forum Discussion

ealtinta's avatar
ealtinta
New Member
5 years ago
Solved

web content tile refresh does not work

Hi,

 

I am trying to show news feed items from an RSS feed inside a web content tile in an online dashboard.

 

If I don't refresh the content it works without problems. When I add the location.reload part at the end to refresh the contents or use meta data refresh the tile turns to blank after the refresh. 

 

I am new to java script and will be grateful if someone suggests a solution to this.

 

Thanks,

 

 

<script type = "text/JavaScript">

function load_js()
{
var head= document.getElementsByTagName('head')[0];
var script= document.createElement('script');
script.src='//rss.bloople.net/?url=http%3A%2F%2Frss.cnn.com%2Frss %2Fcnn_latest.rss&detail=-1&limit=10&showtitle=false&type=js';
head.appendChild(script);
}
load_js();

setTimeout(function() {
location.reload();
}, 5000);

</script>

  • I found a solution. The following code works.

     

    <!DOCTYPE html>
    <html>
    <head>


    <style type="text/css">
    body {
    margin: 0;
    overflow: hidden;
    }
    #iframe1 {
    position:absolute;
    left: 0px;
    width: 100%;
    top: 0px;
    height: 100%;
    }
    </style>

    </head>
    <body>

    <iframe id="iframe1" src="//rss.bloople.net/?url=..........detail=-1&limit=10&showtitle=false&type=html" frameborder="0"></iframe>

    <script>
    window.setInterval("reloadIFrame();", 60000);
    function reloadIFrame() {
    document.getElementById("iframe1").src="//rss.bloople.net/?url=.........detail=-1&limit=10&showtitle=false&type=html";
    }
    </script>

    </body>
    </html>

3 Replies

  • v-diye-msft's avatar
    v-diye-msft
    Community Support

    Hi ealtinta 

     

    Based on the test, we've encounter the same issue as yours. will do further research nand keep you updated. 

     

    • ealtinta's avatar
      ealtinta
      New Member

      Thank you very much. I am waiting for your answer.

  • I found a solution. The following code works.

     

    <!DOCTYPE html>
    <html>
    <head>


    <style type="text/css">
    body {
    margin: 0;
    overflow: hidden;
    }
    #iframe1 {
    position:absolute;
    left: 0px;
    width: 100%;
    top: 0px;
    height: 100%;
    }
    </style>

    </head>
    <body>

    <iframe id="iframe1" src="//rss.bloople.net/?url=..........detail=-1&limit=10&showtitle=false&type=html" frameborder="0"></iframe>

    <script>
    window.setInterval("reloadIFrame();", 60000);
    function reloadIFrame() {
    document.getElementById("iframe1").src="//rss.bloople.net/?url=.........detail=-1&limit=10&showtitle=false&type=html";
    }
    </script>

    </body>
    </html>