• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
MagicMirror Forum
  • Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.

iFrame Windfinder

Scheduled Pinned Locked Moved Troubleshooting
21 Posts 2 Posters 4.9k Views 2 Watching
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • M Offline
    megagprime
    last edited by megagprime Jun 7, 2021, 4:34 PM Jun 7, 2021, 4:32 PM

    Hello, has anybody got windfinder to work?

    022d0255-149d-4222-a41a-e0b72deeaad4-image.png

    I cant add this correctly…
    “<” script src=“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”>Wind forecast for Mount Washington provided by windfinder.com

    added “<” opening to show code

    S 2 Replies Last reply Jun 7, 2021, 4:33 PM Reply Quote 0
    • S Offline
      sdetweil @megagprime
      last edited by Jun 7, 2021, 4:33 PM

      @megagprime what is not working?

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      1 Reply Last reply Reply Quote 0
      • S Offline
        sdetweil @megagprime
        last edited by sdetweil Jun 7, 2021, 4:53 PM Jun 7, 2021, 4:51 PM

        @megagprime how are u trying to add that? typically the iframe modules want just the src=
        value

        see
        https://github.com/MichMich/MagicMirror/wiki/3rd-party-modules
        search for iframe…

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        M 1 Reply Last reply Jun 7, 2021, 6:27 PM Reply Quote 0
        • M Offline
          megagprime @sdetweil
          last edited by Jun 7, 2021, 6:27 PM

          @sdetweil i have iframe working with other things just not windfinder. Trying to add this:
          fd57ab2d-98dd-42c0-ba7d-3250e7f61f02-image.png and tried without “script source=” 39b63900-4cc7-47ce-9b2d-49c01ddf5008-image.png with single and double ", still cant finger it out :(

          S 1 Reply Last reply Jun 7, 2021, 6:55 PM Reply Quote 0
          • S Offline
            sdetweil @megagprime
            last edited by Jun 7, 2021, 6:55 PM

            @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"
            ],
            

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            M 1 Reply Last reply Jun 7, 2021, 7:09 PM Reply Quote 0
            • M Offline
              megagprime @sdetweil
              last edited by Jun 7, 2021, 7:09 PM

              @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 f29caf26-52a7-45f8-9d3f-262177674118-image.png we are missing the tail end 9072100c-183d-4261-ac72-98470d538faf-image.png

              S 1 Reply Last reply Jun 7, 2021, 7:19 PM Reply Quote 0
              • S Offline
                sdetweil @megagprime
                last edited by Jun 7, 2021, 7:19 PM

                @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…

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                M 1 Reply Last reply Jun 7, 2021, 7:24 PM Reply Quote 0
                • M Offline
                  megagprime @sdetweil
                  last edited by megagprime Jun 7, 2021, 7:44 PM Jun 7, 2021, 7:24 PM

                  @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
                  fb5fbec6-e729-4149-a425-235e1474cf93-image.png

                  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 :(

                  S 1 Reply Last reply Jun 7, 2021, 7:51 PM Reply Quote 0
                  • S Offline
                    sdetweil @megagprime
                    last edited by Jun 7, 2021, 7:51 PM

                    @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”]

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    1 Reply Last reply Reply Quote 0
                    • S Offline
                      sdetweil
                      last edited by Jun 7, 2021, 8:17 PM

                      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’.

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      S M 2 Replies Last reply Jun 7, 2021, 8:39 PM Reply Quote 0
                      • 1
                      • 2
                      • 3
                      • 1 / 3
                      1 / 3
                      • First post
                        8/21
                        Last post
                      Enjoying MagicMirror? Please consider a donation!
                      MagicMirror created by Michael Teeuw.
                      Forum managed by Sam, technical setup by Karsten.
                      This forum is using NodeBB as its core | Contributors
                      Contact | Privacy Policy