I am sure I have seen something about this in the forum but I cannot find it. In my quest to get the mouseover graphs to work I have somehow altered the positioning of the gauges on my site. Rather that 1 row in the header I now have 2 and in the 2nd menu selection for steel series I have no graphs present. Does anyone have an idea where I can look to change this? www.wanakaweather.co.nz/weather28
The header gauges:
The script in the header => home - your organization
You set the number of gauges in a row to 3 (line 5) and selected 6 gauges to be displayed (line 21-31)
So the script wil display two rows, both with 3 gauges.
#-------------------- S e t t i n g s ----------------------------------
#
$credits = false; # false or true
$gauges_row = 3; # 3, 4 or 5 gauges / row. Or 6 gauges in 1 row.
$gaugSize = 121; # 121 151 and 171 are often used sizes.
$disp_lcd_line = true; # true or false if no display of the line with led / forecast /counter
# # following lcd settings are ignored if disp_lcd_line is set to false
$disp_lcd_place = 'bottom'; # 'bottom' = below gauges or 'top' = above gauges.
$disp_lcd_led = true; # true or false if no display of the LED
$disp_lcd_fct = true; # true or false if no display of the forecast line
$disp_lcd_count = true; # true or false if no display of the counter.
#
$lcd_fct_width = 500; # width of the LCD with forcast text, if displayed
$lcd_height = 15; #
$lcd_line_loc = 'center'; # 'center' 'left' 'right'
#
#
# ---------------------------- which gauges should be displayed
$disp_temp = true; # true or false if not displayed
$disp_dew = false;
$disp_hum = true;
$disp_baro = true;
$disp_windspeed = true;
$disp_direction = true;
$disp_rain = false;
$disp_rainrate = false;
$disp_UV = false; # automatically set to false if no sensor is available
$disp_solar = false; # automatically set to false if no sensor is available
#
$disp_clock = true; # only for display in iframe
The gauges in the header should NOT be set to display the pop-up graphs as they are run in an iFrame. The grpahs would then partly disappear outside the iframe.
Pop-up graphs:
They are perfectly displayed in Chrome, FF and Safari. Nothing changed since long for those scripts.
Wim
Thank you. I just could not find where to look. What I was referring to regarding the graphs was my attempt to add the windrose as per
http://www.wanakaweather.co.nz/weather28/index.php?p=900-20&lang=en#data-area This has been my attempt so far and i was wondering if I can get the graphs displaying here? This is the page I would prefer to use.
See attached jpg for the errors. The links for 1 CSS and all wxgraphs are invalid => 404 error.
You can inspect/ find these errors in f.i. Chrome:
RightClick on a page => Select “Inspect” from the pop-up menu => Click tab “Console”
My system uses the Dutch language, but you will find the “English” words.
This is the source of the page you are testing:
http://www.wanakaweather.co.nz/weather28/gauge.php?sce=view
You are using a complete page including html-head and so on inside another page with html head. That will certainly lead to more problems.
Please follow this procedure when adding new complex scripts:
Step 1: Test the stand-alone page as is.
Do not copy the html into a template “new-page” but run it as is.
Check for all errors using “inspect”.
If you run into a problem, post the link to the stand-alone page on the forum also.
Step 2: NEVER include a complete html page including all overhead inside a template php page. If the stand-alone page runs without any errors, copy the “new-page” for the template and use the stand-alone page in an iFrame.
That way you can use ANY stand-alone page without having to adapt all links to CSS-files, javascripts and so on. Makes updating to new versions of those scripts a lot easier.
The missing graphs: check line 20 in the gauges.js you are using:
http://www.wanakaweather.co.nz/weather28/scripts/gauges.js
imgPathURL : '../../wxgraphs/', //*** Change this to the relative path for your 'Trend' graph images
You are currently executing the html from within the weather28/ folder.
The imgpathURL starts with 2 times “…/” which means two steps towards the root folder.
The php will output a link http://www.wanakaweather.co.nz/wxgraphs/rain_24hr.php
and the webserver will load from that “wxgraphs” folder.
There is no such root/wxgrpahs/ folder, so the resulting link => 404 error
Solution: If you are stpd enough to mix/match all kind of scripts inside one template-folder, you could use the weather28/wxgrpahs/ folder. Change the line to
imgPathURL : './wxgraphs/', //*** Change this to the relative path for your 'Trend' graph images
===> Gauges
The “Steelseries-weather-gauges” are there in multiple versions, at least 4 at last count. Keep them as separate as possible so at least use different root folders.
You put the original “Mark Crossley - version” inside the weather28 folders. But the scripts can have the same names and or use the same variables, such as $url.
The “leuven” version is based on an old “Mark Crossley - version” =D> , but is different enough to keep the scripts/css/js fully ](*,) separated.
Succes,
Wim
Thank you for your help. My ignorance has been a hindrance to me but I am slowly gaining some measure of understanding. Your unwavering dedication to providing a great service is appreciated. I will stick with template files and not mix them if possible. I was trying to add the windrose to display and that appears to be beyond me so I am happy with what I have got now.