Read the statement by Michael Teeuw here.
Does anyone know how to make the iFrame module refresh periodically?
-
@cnelso24 the problem is probably that there isnt a change detected when updating the dom, try to add a timestamp attribute to the iframe.
-
I have found a fix for this module which I posted here:
https://github.com/TheBogueRat/MMM-iFrameReload/issues/2
Kev
-
Thank you!! I will check it out when I get home.
-
Just got a chance to try this. Works like a charm! Thank you!
-
@kevsfastz is it possible to show simple html content and update periodically?
-
@fox
The simple answer is yes it is possible. What is your goal specifically? -
Many thanks, I have bee looking for a way to do this for some time. I loaded iFrameReload with the following url. It will load, but not update. Any suggestions as to what I am missing?
url: “http://tides.tidegraph.com/api/tidegraph.php?bg=black&scale=.8&station=Old Frenchtown Wharf, Elk River, Maryland”,
Many thanks
-
As mentioned above, I have provided a fix or adjustment by adjusting the MMM-IframeReload.js below:
-
My mistake, I thought this was updated in the .git. I added the timestamp as you suggested (iframe.src = this.config.url + new Date().getTime();). The url does update now, but since the url displays the tides at a location embedded in the url, it looks like the timestamp is appended to the location. With this added, it is not a valid location and the tides don’t display.
Again, many thanks for your help.
-
I see what you mean with the URL, any variables you add at the end even a ? will result in displaying all zeros on the output. You can get around this by using a site such asTHIS to refresh this URL for you instead of using iFrame to call a refresh. Of course all these sites will have advertisments which you do not want displayed on your mirror… so what you COULD do is reposition the iframe so the advertisment is hidden in one of the top corners. For example you can add margins with negative values to the iframe style:
iframe.style = “border:0;margin-bottom:-110px;margin-left:-10px;;width:500px;height:450px;filter:invert(100%);”
Of course this is not the best nor the most clean solution… maybe someone else has some ideas?
