iFrame Windfinder

megagprime

@sdetweil i have iframe working with other things just not windfinder. Trying to add this:
and tried without “script source=” with single and double ", still cant finger it out :(

sdetweil

@megagprime single or double, doesn’t matter, as long as both ends are the same

url: [
      "https://www.windfinder.com/widget/forecast/js/mount_washington? 
unit_wave=ft&unit_rain=in&unit_temperature=c&unit_wind=kmh&days=4&show_day=1&show_pressure=0&show_waves=0&show_clouds=0"
],

megagprime

@sdetweil Hi and thanks for your help, but i tried that earlier (sorry i didnt mention) and it loads the MM but is broken iframe we are missing the tail end

sdetweil

@megagprime its the second link the does the image…

https://www.windfinder.com/forecast/lake_pflugerville?utm_source=forecast&utm_medium=web&utm_campaign=homepageweather&utm_content=noscript-forecast

the 1st loads some javascript to do stuff…

this is really not a clean iframeable location…

megagprime

@sdetweil said in iFrame Windfinder:

https://www.windfinder.com/forecast/lake_pflugerville?utm_source=forecast&utm_medium=web&utm_campaign=homepageweather&utm_content=noscript-forecast

this is all i really want

but would love the speeds and temps from the widget, sorter and easier to see

Also the short link from the page you suggested does not work :(

sdetweil

@megagprime yeh, they are not iframe friendly

I wonder

if u make another html page shell

on your local disk, in the MM modules tree, make a new folder
MagicMirror/modules/Windfinder

name the file
myembed.html (in the new folder)

<html> 
  the embed stuff
</html>

then in the iframe config

url:[ “http://localhost:MagicMirror_Port/modules/Windfinder/myembed.html”]

sdetweil

well, the embed in another file works locally, but not launched into the iframe

returns error
cannot display … in a frame because it set ‘X-Frame-Options’ to ‘SAMEORIGIN’.

sdetweil

@megagprime actually it DOES work

if you use the physical network for the MM address: setting

in my case 192.168.2.106 (not localhost or 0.0.0.0)

and there is a bug/… in the iframe code, need to specify height as well as width…

Screenshot at 2021-06-07 15-37-51.png

sdetweil

@megagprime I also tried loading the extra file from the local filesystem

file:///home/sam/MagicMirror/modules/Windfinder/myembed.html

but says not allowed to load load resource.

megagprime

@sdetweil whats your next idea? i tried htmlbox, no dice… :/

sdetweil

@megagprime I got it to work. tried a couple other things that didn’t. I’m done testing.

megagprime

@sdetweil how? :)

sdetweil

@megagprime see the the post above that starts

@megagprime actually it DOES work

megagprime

@sdetweil just saw this! But its still not working for me :( the MM loads but does not display the iframe :( Tried with frameHeight and without

sdetweil

@megagprime what is the

address:

setting up above?

it MUST BE the same numeric number as in the URL
cannot be localhost or 0.0.0.0 (as I said in my post)

sdetweil

@megagprime

also, if you open the developers window, ctrl-shift-i on the MM keyboard, ans select the console tab, and put part of the module name in the filter field , frame, for example here

then you can see the error

megagprime

@sdetweil https://www.youtube.com/watch?v=1bGOgY1CmiU thanks :)

sdetweil

@megagprime as long as it works