Does anyone know how to make the iFrame module refresh periodically?

[cnelso24]

I have a google spreadsheet displayed, but the problem is it only refresh the content when I restart Magic Mirror.

[kevsfastz]

@cnelso24

I have found a fix for this module which I posted here:

https://github.com/TheBogueRat/MMM-iFrameReload/issues/2

Kev

[PeppaPigKilla]

Have a Read here http://stackoverflow.com/questions/5146805/an-iframe-i-need-to-refresh-every-30-seconds-but-not-the-whole-page

[cnelso24]

So would I put that code in the iFrame module that I downloaded or in my config.txt. Sorry I’ve barely programmed anything and yesterday was the first time I’ve ever used JavaScript

[PeppaPigKilla]

whats the iframe mod you downloaded ?

[cnelso24]

@PeppaPigKilla

link text

The one listed on the MagicMirror website

[PeppaPigKilla]

on the config part I believe its just the URL. But on the iframe.js file, i think extra code would needed to be added.

/* global Module */

/* Magic Mirror
 * Module: iFrame
 *
 * By Ben Williams http://desertblade.com
 * MIT Licensed.
 */

Module.register("iFrame",{
		// Default module config.
		defaults: {
				height:"300px",
				width:"100%"
		},


	// Override dom generator.
	getDom: function() {
		var iframe = document.createElement("IFRAME");
		iframe.style = "border:0"
		iframe.width = this.config.width;
		iframe.height = this.config.height;
		iframe.src =  this.config.url;
		return iframe;
    window.setInterval("reloadIFrame();", 30000);

function reloadIFrame() {
 document.frames["frameNameHere"].location.reload();
}
	}

});

[cnelso24]

@PeppaPigKilla

Thank you for taking the time to help! Although, I put this into the module code and still no updates after letting it sit for 15 minutes. I also put the

[cnelso24]

@PeppaPigKilla
Sorry the forum seems to be overloaded. I put this in my code and still no refreshing. I believe the problem is my iFrame does not have a specified name. I am only able to input the scr=“URL”. Not sure where to put iframe name = “name”. When generating an iFrame from google sheets it does not specify a name either.

[PeppaPigKilla]

I tried it and cant get it to work either. best reaching out to the author,

[strawberry 3.141]

@PeppaPigKilla the code that was added by you is after the return, so the code will never be reached.

I suggest an interval which calls updateDom, which will be created after the DOM_OBJECTS_CREATED broadcast

[cnelso24]

@strawberry-3.141

Thanks for the suggestion. I wouldn’t know where to start with that though. I tried this module which did not work refresh for me either.

[strawberry 3.141]

@cnelso24 the problem is probably that there isnt a change detected when updating the dom, try to add a timestamp attribute to the iframe.

[kevsfastz]

@cnelso24

I have found a fix for this module which I posted here:

https://github.com/TheBogueRat/MMM-iFrameReload/issues/2

Kev

[cnelso24]

@kevsfastz

Thank you!! I will check it out when I get home.

[cnelso24]

@kevsfastz

Just got a chance to try this. Works like a charm! Thank you!

[fox]

@kevsfastz is it possible to show simple html content and update periodically?

[kevsfastz]

@fox
The simple answer is yes it is possible. What is your goal specifically?

[Mitch1138]

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

[kevsfastz]

@Mitch1138

As mentioned above, I have provided a fix or adjustment by adjusting the MMM-IframeReload.js below:

https://github.com/TheBogueRat/MMM-iFrameReload/issues/2

[Mitch1138]

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.