Skip to main content
Inspiring
June 23, 2023
Answered

Need part of external website to fit

  • June 23, 2023
  • 4 replies
  • 2517 views

Before anyone asks, yes, I have permission from the National Weather Service to use this:

https://www.spc.noaa.gov/products/outlook/

 

I need a part of their website embeded into my website. I could just take a screenshot, but that updates several times a day. Here's the part that I need embedded on mine:

 

I've tried with iframe, and a div, and I can't seem to figure it out. I thought I almost had it, but when I mess with the css code, it screws up things on my website:  https://www.arklahomaw.com/outlook.html (this is the page I want to put it on).

    This topic has been closed for replies.
    Correct answer jamedlock83

    I am!  It's not 100% like or how I want it, but it'll do

    https://www.arklahomawx.com

    4 replies

    B i r n o u
    Legend
    July 11, 2023

    @jamedlock83 So what is going on ? are you set up now ?

    jamedlock83AuthorCorrect answer
    Inspiring
    July 11, 2023

    I am!  It's not 100% like or how I want it, but it'll do

    https://www.arklahomawx.com

    B i r n o u
    Legend
    July 12, 2023

    thank you for your feedback. it's true that we don't always get 100% of what we'd hoped for. but the main thing is that you're now able to provide the information service that needed to be activated.

    B i r n o u
    Legend
    June 25, 2023
    quote

    I've tried with iframe, and a div, and I can't seem to figure it out. I thought I almost had it, but when I mess with the css code, it screws up things on my website:

    By @jamedlock83

     

    in fact, to avoid any spillover from one to the other, make a clear distinction between the two: your page and your weather space.

    So, CSS code your site as you would, remembering to integrate only the container block for displaying your external weather content (no matter how it's fed, iFrame, API, include, Rest, whatever...)... but it's represented by an ID (#foo), and only its display surface is taken into account in mobile mode up to 5K widescreens.

    Once everything is ok and responsive, then you add a new CSS where all the rules start with #foo and which will only take into account the content of your weather area.

    Inspiring
    June 23, 2023

    Can't seem to get it to be mobile friendly though. . .

    Nancy OShea
    Community Expert
    Community Expert
    June 23, 2023

    <iframes> are not mobile friendly. 

    Does NOA have a feed API you can use?

     

     

     

    Nancy O'Shea— Product User & Community Expert
    Legend
    June 28, 2023
    quote

    I still find php is quick to set up and get going, that's why l prefer to use it for server side coding.


    By @osgood_

     

    The same reason why I now use Node. If I were using a different development environment, like Dreamweaver, I would also prefer to use PHP. In fact, if the environment was such, I would love to use CFML (ColdFusion)


    That's probably because you are using a deployment of node that is done for you rather than having to manually go through the tedious process of having to gather, import/require all the necessary middleware for it to do anything, thats before you then need to set up the routing and maybe even divide that into several files so it doesn't all become one big overly complex js file etc etc. I don't know how Wappler handles all of that processing but l would not feel comfortable unless l knew what was going on behind the scenes, which l guess is probably not the most important priority for some developers. If node wasn't such a pain in the bottom to initially gather together, file/route manage manually and distribute l would probably be using that. Once you factor in ejs templating it's really not that much more cleaner than distributing php through out the html, in fact there is very little difference, its the initial node set up which l cant get over and adopt.

    Inspiring
    June 23, 2023

    Nevermind!  I figured it out. . lol