SteelSeries Radar Plot

[Matt.j5b]

I fixed that extra </td>. Thanks Beteljuice.

And Ray for me with limited knowledge of these gauges and creating a website, I am slowly learning and because I did not really know what caused the problems it is easier for me to do it all over again.

In regard to the links on the site, they are used in the same way as the links provided in the standard web pages when I first set it up. For example in the credits, the link to Cumulus (after powered by....) used that same type of mark up tag with the target attribute, so I just copy that. Now you saying just delete that target. Any reason why? Is there someone that makes it not used in the correct way? Thanks for checking it, very helpful of you.

[gemini06720]

Matt, learning can also be accomplished by going through the code and trying to find out where the problem is located - an easy way to do that is to compare the two templates (the one with the modified code with one without any modified code), one line at the time, looking at every entries on every lines until a difference in the code is found - this is the best way to learn - one does not learn much by just deleting everything and starting anew!

Matt, as for the 'target="_blank"' attribute, I was suggesting that you remove the attribute from only ONE line/link, the one that displays the 'For an alternative gauges page click here for the standard Cumulus gauges page' message near the bottom of the SteelSeries gauges page - I never hinted nor mentioned that all the 'target="_blank"' attributes had to be removed from all of the links on all the templates.

The reason for my suggestion to remove the 'target="_blank"' attribute from the one line/link 'For an alternative gauges page click here for the standard Cumulus gauges page' was that there is no purpose in opening the 'standard' gauges page into a new tab/window while keeping the SteelSeries gauges page opened - look at the behaviour of the Cumulus links when any of them are clicked, they open a new page in the same tab/window.

The best use for the 'target="_blank"' attribute is when a link is pointing to another site - this way the user can keep the present page opened as a reference, be able to click on the new tab/window to view the new page, and then returned to the present page when the new link tab/window is closed.

[Matt.j5b]

Yes checking the code by comparing the two line by line would be the best way and I won't learn from deleting. In this case I deleted it as I most likely I took it too far to work out what was wrong with it. But I am slowly learning, I have been reading the info on the w3schools site, I just was not sure what has really happened. Anyway I got it back up and running.

And with the 'target="_blank"' attribute I was not sure if I was using that correctly on the site, (or even whats its for) thats why I asked. I know you just said just that "one" link should be, I was wondering what I did incorrectly. Thanks for advising on its proper usage. I will delete that bit from the code.

Thank you Ray for your advice and help.

[Matt.j5b]

Tried again and success, and I found the problem was that before as per the instructions that Kerry did and thanks for that, I copied the RGraph.common.core.min, and RGraph.radar.min js files to my steelseries folder and uploaded those two RGraph files to the site. However when I added the links to the scripts in the htm file I used the same names as the instructions which is slightly different from the two RGraph scripts I uploaded and so the uploaded file were different from the link to those two scripts in the htm file. So I changed it from:

<script src="scripts/RGraph.common.core.js"></script>
<script src="scripts/RGraph.radar.js"></script>

And to:

<script src="scripts/RGraph.common.core.min.js"></script>
<script src="scripts/RGraph.radar.min.js"></script>

Now also there are no bad spaces and sits better with the rest of the gauges except that the radar plot has made the last row of gauges slightly off centre. I wish to move the plot with the other wind gauges and put the pressure with the rain gauges. I made the size of the plot to 251 like the rest of them in the htm file, so I not sure what I need to do. But there is a little bit of space below the last row of gauges but that might not be anything to worry about.


It is here: http://www.localweatherdata.0glo.com/gauges-sstest.htm

[tobyspond]

Matt,

Good catch on the instructions. Thanks.

To move the radar plot and pressure gauges, all you need to do is to move the code for the radar plot to the location for the pressure gauge and the pressure gauge to the radar plot location.

Kerry

[Matt.j5b]

Thanks Kerry. Is it just me or is the last row of gauges off centre, thats seems to be the only problem (apart from the space below the last row of gauges). But apart from that it looks like I done it right.

[beteljuice]

I'm not sure why you have TWO guage tables, but the second one (with the radar plot in) has a the first <tr> containing THREE <td>s, whilst the second has TWO <td>s which would contain solar data if you had it.

Try either removing the solar data <tr> .. </tr>, or add <td>&nbsp;</td> between the two solar guages.

[Matt.j5b]

Thanks beteljuice. I have simply added the code for the radar plot and the scripts links at the bottom of the page without making changes to the code of the other gauges, that two tables is the way it was when I downloaded it. So not sure about the code. I have not changed much of it. I just copied what the other gauges code is like and it seems each row of gauges are tr and then each gauge is td. I see what I can do based on your advice.

[Matt.j5b]

Changing the solar data did not make a difference. Not too sure about the two tables, but one table does not make a difference and the tr and td are the same as when I downloaded it.

But apart from the space at the bottom I changed the size of the radar plot and it lines up perfectly.

[tobyspond]

Matt,

If you do not have solar or UV in your weather station, then you can remove both the solar and UV from the gauges tables. To place the radar gauge you may be able to add a padding style to the div for the radar gauge. Anyways your gauge page looks good.

Kerry

[Matt.j5b]

Thanks for the good comment. The only problem is the space below the last row of gauges. I will look into the padding style for div and see what that might do. I might as well remove the the solar/uv gauges, my station does not do that so it is not needed. Thanks again Kerry.

[Matt.j5b]

I moved the pressure and radar gauges sucessfully, and my gauges page looks good with not much of a space below the last row of gauges.

Thanks Mark for these scripts and Kerry for your help and the instructions.

I have removed the test page and it is now its on my normal steel series page here: http://www.localweatherdata.0glo.com/gauges-ss.htm

[duke]

Layout looks great. Not much of a wind pattern at the moment though.

Duke

[Matt.j5b]

Thanks Duke for the comment. The wind is only light at the moment in the morning before it will gets going, which it will during the day.

[mlj1]

My attempt at instructions for including the radar plot in the steelseries gauges is attached.

Good luck,

Kerry

Thank you very much Kerry for your helpful tutorial. I followed it step by step and it worked fine.

Congratulations for youir site too.

Regards,

Marcel