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 6.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 @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 Do not disturb
        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 Do not disturb
            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 Do not disturb
              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
              • S Do not disturb
                sdetweil @sdetweil
                last edited by

                @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

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                S M 2 Replies Last reply Reply Quote 1
                • S Do not disturb
                  sdetweil @sdetweil
                  last edited by

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

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  1 Reply Last reply Reply Quote 0
                  • M Offline
                    megagprime @sdetweil
                    last edited by

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

                    S 1 Reply Last reply Reply Quote 0
                    • S Do not disturb
                      sdetweil @megagprime
                      last edited by

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

                      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 how? :)

                        S 1 Reply Last reply Reply Quote 0
                        • S Do not disturb
                          sdetweil @megagprime
                          last edited by sdetweil

                          @megagprime see the the post above that starts

                          @megagprime actually it DOES work
                          

                          Sam

                          How to add modules

                          learning how to use browser developers window for css changes

                          1 Reply Last reply Reply Quote 0
                          • M Offline
                            megagprime @sdetweil
                            last edited by 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 f3110352-4ed5-4798-b710-c2e2272d0580-image.png

                            S 1 Reply Last reply Reply Quote 0
                            • S Do not disturb
                              sdetweil @megagprime
                              last edited by

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

                              Sam

                              How to add modules

                              learning how to use browser developers window for css changes

                              S 1 Reply Last reply Reply Quote 0
                              • S Do not disturb
                                sdetweil @sdetweil
                                last edited by

                                @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

                                Sam

                                How to add modules

                                learning how to use browser developers window for css changes

                                M 1 Reply Last reply Reply Quote 1
                                • M Offline
                                  megagprime @sdetweil
                                  last edited by

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

                                  S 1 Reply Last reply Reply Quote 0
                                  • S Do not disturb
                                    sdetweil @megagprime
                                    last edited by

                                    @megagprime as long as it works

                                    Sam

                                    How to add modules

                                    learning how to use browser developers window for css changes

                                    1 Reply Last reply Reply Quote 0

                                    Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                                    Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                                    With your input, this post could be even better 💗

                                    Register Login
                                    • 1
                                    • 2
                                    • 1 / 2
                                    • 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