Topic: Saratoga Template Plugins-SPC Outlooks and Advisory Map

[rlmarcum22]

I have added the US advisory map plugins and the SPC outlook plugins but they are too wide for the page and every time I try to make them smaller it messes up the whole page.  Help!! Links to both pages: https://www.ekyrrgweather.com/wxusalerts.php and https://www.ekyrrgweather.com/wxspc3doutlook.php 

[gwwilk]

For the alerts page you need the resizing alerts script found as wxusalerts-varsize.zip here.

The wxspc3doutlook script is displayed in an iframe that's massively interactive and therefore very difficult to scrape and emulate, so no resizing has been done on this script.  What you see is what you get.  Sorry...

[rlmarcum22]

So I did download the resizing script from your website but when I clicked on the map it took me to the wrong NWS office page. I didn’t know how to fix that.

[rlmarcum22]

Here’s the link: www.ekyrrgweather.com/wxusalerts-varsize.php

[gwwilk]

Aha!  My error.  The essential 'image-map-min.js' wasn't in the zip, so of course it doesn't work.

There's a new zip available that now contains this JavaScript file.  Be sure to place it in your jquery directory as referenced by the variable location, '$jQdir = 'jquery'; // Location of image-map.min.js', in 'wxusalerts-varsize.php'.

[Jasiu]

See this thread for a way to use CSS to get the iframe to fit:

  https://www.wxforum.net/index.php?topic=39819.msg408934#msg408934

You'll likely have to play around with it a bit and as Wim says in the post the easiest way to do that is to use the inspect tool in the browser.

[gwwilk]

See this thread for a way to use CSS to get the iframe to fit:

  https://www.wxforum.net/index.php?topic=39819.msg408934#msg408934

You'll likely have to play around with it a bit and as Wim says in the post the easiest way to do that is to use the inspect tool in the browser.

Good catch, Jasiu!  Feel free to download the wxspc3doutlook script and play around with the resize 'transform'. I'm up to my eyeballs dealing with misbehaving new and old electronics at the moment.

[rlmarcum22]

How exactly do I add it to my "jquery" directory on my website? Im sorry, Im new to this stuff!

[rlmarcum22]

Nevermind I figured it out! Thanks so much!

[gwwilk]

How exactly do I add it to my "jquery" directory on my website? Im sorry, Im new to this stuff!

Easiest way is to create a /jquery directory on your website and copy the JavaScript file to there.

[gwwilk]

Nevermind I figured it out! Thanks so much!

That was quick!