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

      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 Reply Quote 0
      • S Offline
        sdetweil @megagprime
        last edited by

        @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

          @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 Reply Quote 0
          • M Offline
            megagprime @sdetweil
            last edited by

            @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 Reply Quote 0
            • S Offline
              sdetweil @megagprime
              last edited by

              @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 Reply Quote 0
              • M Offline
                megagprime @sdetweil
                last edited by

                @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 Reply Quote 0
                • S Offline
                  sdetweil @megagprime
                  last edited by

                  @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 Reply Quote 0
                  • M Offline
                    megagprime @sdetweil
                    last edited by 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
                    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 Reply Quote 0
                    • S Offline
                      sdetweil @megagprime
                      last edited by

                      @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

                        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 Reply Quote 0
                        • 1
                        • 2
                        • 3
                        • 1 / 3
                        • First post
                          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