Author Topic: Mouse over graph for Steel Gauges  (Read 3159 times)

0 Members and 1 Guest are viewing this topic.

Offline andro700

  • Chuck
  • Forecaster
  • *****
  • Posts: 420
    • Gobles Weather Page
Mouse over graph for Steel Gauges
« on: January 06, 2014, 07:14:32 PM »
I was wondering how you get those to work. I have JPGraphs loaded on my site. Any help would be great.

Chuck

Offline PaulMy

  • Forecaster
  • *****
  • Posts: 5509
    • KomokaWeather
Re: Mouse over graph for Steel Gauges
« Reply #1 on: January 06, 2014, 07:42:57 PM »
Likely you are using WD so it may be somewhat different (I use Cumulus) but in gauges.js you need to have the correct path in imgPathURL (line 20 in my v.2.4.4).

Paul

Offline andro700

  • Chuck
  • Forecaster
  • *****
  • Posts: 420
    • Gobles Weather Page
Re: Mouse over graph for Steel Gauges
« Reply #2 on: January 06, 2014, 09:08:54 PM »
Will take a look a bit later

Offline andro700

  • Chuck
  • Forecaster
  • *****
  • Posts: 420
    • Gobles Weather Page
Re: Mouse over graph for Steel Gauges
« Reply #3 on: January 06, 2014, 09:25:39 PM »
Got it fixed. Thanks for the help Paul.

Chuck


Offline PaulMy

  • Forecaster
  • *****
  • Posts: 5509
    • KomokaWeather
Re: Mouse over graph for Steel Gauges
« Reply #4 on: January 06, 2014, 10:00:42 PM »
You're welcome.  Looks good,

Paul

Offline tnwxman

  • Forecaster
  • *****
  • Posts: 423
  • KK4QXH
    • Weather for Lebanon, TN 37087
Re: Mouse over graph for Steel Gauges
« Reply #5 on: January 23, 2014, 11:55:31 AM »
Hello,

I got the gauges up at my website and have the same question on how to get the mouse over to work. In addition, How can I get three gauges per row. I would like to order them in rows as they appear in order now.

First row would be temperature, Dewpoint, Humidity
Second row would be wind speed, wind direction, wind rose
third row barometer, rainfall, rain rate
Last row uv and solar

I did not modify the script and from what I see their should be three or four gauges on the first row but each gauge is on it own row.

To move the gauges you just need to edit the HTML file and move <div>'s (and their contents) with a class="gauge". Each 'row' is contained within a <div> with a class="row". If you do re-order the gauges, then DO NOT change the "tip_N" numbers, each number is associated with a particular gauge not it's position on the page.

In advance I appreciate the help.

Thanks.

Bob

http://lebanontnwx.org/wxssgauges.php
« Last Edit: January 23, 2014, 02:07:35 PM by tnwxman »
Bob
KK4QXH

Offline mcrossley

  • Forecaster
  • *****
  • Posts: 1132
    • Wilmslow Astro
Re: Mouse over graph for Steel Gauges
« Reply #6 on: January 23, 2014, 03:19:28 PM »
Hi Bob, your page seems to be missing the gauges-ss.css style sheet, that should fix your row problems - and the large gauge sizes.
Mark

Offline tnwxman

  • Forecaster
  • *****
  • Posts: 423
  • KK4QXH
    • Weather for Lebanon, TN 37087
Re: Mouse over graph for Steel Gauges
« Reply #7 on: January 23, 2014, 04:01:46 PM »
Hi Mark,

Thank you for the suggestion. The style sheet is in my root directory for the website plus in a folder called css. I added it to the root directory also after I read your post thinking I had it in the wrong place. The results are the same. What else should I try?

Bob
Bob
KK4QXH

Offline mcrossley

  • Forecaster
  • *****
  • Posts: 1132
    • Wilmslow Astro
Re: Mouse over graph for Steel Gauges
« Reply #8 on: January 23, 2014, 04:11:47 PM »
Hi Bob, the problem is your gauges page does not include the required style sheet. The following is missing from the page header...

Code: [Select]
  <link rel="stylesheet" href="css/gauges-ss.css">
Another issue is the page is setup as XHTML 1.0 Transitional rather than HTML 5 that is required for the gauges.
Mark

Offline tnwxman

  • Forecaster
  • *****
  • Posts: 423
  • KK4QXH
    • Weather for Lebanon, TN 37087
Re: Mouse over graph for Steel Gauges
« Reply #9 on: January 23, 2014, 04:31:51 PM »
Hi Mark,

Where do I put that line in the page? Also I am using the wxnewpage template from Saratoga weather and did an include of the gauges-ss-basic-inc.php. I thought the template is HTML5. Please advise.

Bob
Bob
KK4QXH

Offline saratogaWX

  • Administrator
  • Forecaster
  • *****
  • Posts: 9257
  • Saratoga, CA, USA Weather - free PHP scripts
    • Saratoga-Weather.org
Re: Mouse over graph for Steel Gauges
« Reply #10 on: January 23, 2014, 05:30:05 PM »
The Saratoga template set is XHTML1.0-Transitional.  The wxssgauges.php page included with the SS Gauges (with an up-to-date template set) will switch to HTML5/UTF-8 automatically .. you didn't need to produce a page for it using wxnewpage.php :)

Support for the Steel Series gauges was added with
Version 3.125 - 05-Feb-2013 - (Base-*) updated files common.php V1.06, flyout-menu.php V1.08, footer.php V1.01, include-style-switcher.php V1.19, top.php V3.04 to support single-page HTML5/UTF-8 display for Steel Series Gauges;
(CU-plugin) fixed HTML error in CU-trends-inc.php V1.09,
(CU-plugin, WD-plugin, VWS-plugin) added sample wxssgauges.php V1.00 for Steel Series Gauges (which install separately)

You can download a current copy of the Base-USA.zip, unpack the check-fetch-times.php utility, upload it to your website, then run
check-fetch-times.php?show=versions to see what needs to be updated on your site to become 'current' (and get a link/directions for
the updates utility to easily get a customized .zip with all the files/directions you need).

Best regards,
Ken
« Last Edit: January 23, 2014, 05:35:57 PM by saratogaWX »
Ken True/Saratoga, CA, USA main site: saratoga-weather.org
Davis VP1+ FARS, Blitzortung RED, GRLevel3, WD, WL, VWS, Cumulus, Meteobridge
Free weather PHP scripts/website templates - update notifications on Twitter saratogaWXPHP

Offline tnwxman

  • Forecaster
  • *****
  • Posts: 423
  • KK4QXH
    • Weather for Lebanon, TN 37087
Re: Mouse over graph for Steel Gauges
« Reply #11 on: January 23, 2014, 06:40:09 PM »
Hi Mark and Ken,

I got it to work by including the <link rel="stylesheet" href="css/gauges-ss.css">  in the web page. Thank you Mark.

Hi Ken,
Thanks for the advice. Looks like I have some updating to do. Have started on such now. I appreciate the way you set it up to identify what needs updating and the versions required. I am using the alternate dashboard so any changes I make should work without issues or is there something else I need to do. Let me know. Thanks again Ken.

Bob
« Last Edit: January 23, 2014, 06:43:00 PM by tnwxman »
Bob
KK4QXH