Welcome to the Cumulus Support forum.

Latest Cumulus MX V4 release 4.4.2 (build 4085) - 12 March 2025

Latest Cumulus MX V3 release 3.28.6 (build 3283) - 21 March 2024

Legacy Cumulus 1 release 1.9.4 (build 1099) - 28 November 2014
(a patch is available for 1.9.4 build 1099 that extends the date range of drop-down menus to 2030)

Download the Software (Cumulus MX / Cumulus 1 and other related items) from the Wiki

If you are posting a new Topic about an error or if you need help PLEASE read this first viewtopic.php?p=164080#p164080

gauges page?

Other discussion about creating web sites for Cumulus that doesn't have a specific subforum

Moderator: daj

Post Reply
n9mfk
Posts: 845
Joined: Sun 10 May 2009 8:52 pm
Weather Station: davis vp2 Serial datalogger
Operating System: Windows 7 64-bit
Location: Springfield, IL

gauges page?

Post by n9mfk »

Hi i need some help the trend arrow on the barometer does not work but im not sure what code needs to be added?
Thanks Beau

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script language="JavaScript" src="wz_jsgraphics.js" type="text/javascript"></script>

<meta name="Description" content="<#location> weather data" />
<meta name="Keywords" content="Cumulus, <#location> weather data, weather, data, weather station" />
<title><#location> weather</title>

<link href="weatherstyle.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="content">
<h1><#location> weather</h1>
<h2 style="text-align: left; text-transform: none;">&nbsp;Latitude&nbsp;<#latitude>&nbsp;&nbsp;&nbsp;&nbsp;Longitude&nbsp;<#longitude>&nbsp;&nbsp;&nbsp;&nbsp;Elevation&nbsp;<#altitude></h2>
<p></p>


<table width="100%"  border="0" cellpadding="0" cellspacing="0">
<caption>Instrument view of current data at <#time></caption>
  	
  	<tr>
		<td width="33%" align="center" bgcolor="#EFEFEF" ><div align="center" >Outside Temperature</div></td>
		<td width="34%" align="center" bgcolor="#FFFFFF" ><div align="center" >Wind Chill</div></td>
		<td width="33%" align="center" bgcolor="#EFEFEF" ><div align="center" >Heat Index</div>		</td>
	</tr>
  	<tr>
		<td width="33%" align="center" bgcolor="#EFEFEF" ><div id="outsidetemp">small</div></td>
    	<td width="34%" align="center" bgcolor="#FFFFFF" ><div id="windchill">small</div></td>
    	<td width="33%" align="center" bgcolor="#EFEFEF" ><div id="heatindex">small</div></td>
    </tr>
	<tr>
		<td width="33%" align="center" bgcolor="#FFFFFF" ><div align="center" class="normaltext">Dew Point</div></td>
		<td width="34%" align="center" bgcolor="#EFEFEF" ><div align="center" class="normaltext">Outside Humidity</div></td>
		<td width="33%" align="center" bgcolor="#FFFFFF" ><div align="center" class="normaltext">Rain today</div></td>
	</tr>
	<tr>
		<td width="33%" align="center" bgcolor="#FFFFFF" ><div id="dewpoint">small</div></td>
		<td width="34%" align="center" bgcolor="#EFEFEF" ><div id="outsidehumidity">small</div></td>
		<td width="33%" align="center" bgcolor="#FFFFFF" ><div id="rain">small</div></td>
	</tr>
 	<tr>
  		<td width="33%" align="center" bgcolor="#EFEFEF" ><div align="center" class="normaltext">Inside Temperature</div></td>
  		<td width="34%" align="center" bgcolor="#FFFFFF" ><div align="center" class="normaltext">Inside Humidity</div></td>
  		<td width="33%" align="center" bgcolor="#EFEFEF" ><div align="center" class="normaltext">Cloud Base</div></td>
  	</tr>
  	<tr>
  		<td width="33%" align="center" bgcolor="#EFEFEF"><div id="insidetemp">small</div></td>
  		<td width="34%" align="center" bgcolor="#FFFFFF"><div id="insidehumidity">small</div></td>
  		<td width="33%" align="center" bgcolor="#EFEFEF" > <div id="cloudbase"></div></td>
  	</tr>
 </table>
 <table width="100%"  border="0" cellpadding="0" cellspacing="0">
  	<tr>
		<td width="50%" align="center" ><div align="center" class="normaltext">&nbsp;Barometer</div></td>
		<td width="50%" align="center" ><div align="center" class="normaltext">&nbsp;Wind</div></td>
	</tr>
 	<tr>
 		<td align="center" ><div id="barometer">analog</div></td>
 		<td align="center" ><div id="wind">wind</div></td>
 	</tr>
 </table>
 <table width="100%"  border="0" cellpadding="0" cellspacing="0">
 	<tr>
  		<td><img src="images/compass.png"  alt="Wind Compass" name="Compass"/></td>
  		<td><img src="images/windgauge.png" name="WindGauge"  alt="Wind Gauge" /></td>
  		<td><img src="images/windrose.png" name="WindRose"  alt="Wind Rose"  /></td>
  	</tr>
   </table>
 <p></p>
 <!-- This is the real time wind display. If you don't want to use it, delete everything between this comment and the next one. -->
    <div align="center">	
  <object type="application/x-shockwave-flash" data="CumulusRealtime.swf"
    width="600" height="300" id="CumulusRealtime" >
    <param name="movie" value="CumulusRealtime.swf"/>
    <param name="quality" value="high"/>
    <param name="scale" value="noscale"/>
    <param name="bgcolor" value="#FFFFFF"/>
    <param name="allowScriptAccess" value="sameDomain" />
    <param name="wmode" value="transparent" />
    <param name='flashVars' value='interval=60'/>   
</object>
	</div>
<!-- end of real time display -->  
    
 <table width = "100%">
 <tr>
 
    <td colspan="3" class="td_navigation_bar">:<a href="index.htm">now</a>::<a href="gauges.htm">gauges</a>::<a href="today.htm">today</a>::<a href="yesterday.htm">yesterday</a>::<a href="record.htm">records</a>::<a href="trends.htm">trends</a>:<#forum></td>
  </tr>
  
</table>
<p class="credits"><br/>
Page updated <#update><br/>
powered by
<a href="http://sandaysoft.com/products/cumulus" target="_blank">Cumulus</a> v<#version> (<#build>)
</p>
</div>
<script language="JavaScript1.2" type="text/javascript">
 var tempunits = "<#tempunit>";
 var tempos = new Array("<#RCtemp>","<#RCtempTL>","<#RCtempTH>","<#temptrendtext>");
 var tempis = new Array("<#RCintemp>","","","");
 var tempex1 = new Array("","","","");
 var tempex2 = new Array("","","","");
 var tempdp = new Array("<#RCdew>","","","");
 var temphi = new Array("<#RCheatindex>","","","");
 var tempwc = new Array("<#RCwchill>","","","");
 var humos = new Array("<#RChum>","","","");
 var humis = new Array("<#RCinhum>","","","");
 var humex1 = new Array("","","","");
 var humex2 = new Array("","","","");
 var cloudbase = "<#cloudbase>";
 var raintoday = new Array("<#RCrfall>","<#rainunit>","<#RCrrate>","<#RCrrateTM>");
 var winddata = new Array("<#RCwgust>","<#bearing>","<#RCwspeed>","<#avgbearing>","<#RCwgustTM> <#windunit>, <#bearingTM>&#176; at <#TwgustTM>");
 var hwdir = new Array(<#wdirdata>);
 var hwspd = new Array(<#wspddata>);
 var wsu = "<#windunit>";
 var bardata = new Array("<#RCpress>","<#pressunit>","<#presstrend>","<#RCpressTH>","<#RCpressTL>");
 var TempColor = "";
 var HumColor = "";
 var RainColor = "";
 var WindAvgColor = "";
 var WindGustColor = "";
 var WindHistColor = "";
 var CloudTextColor = "";
 var AnalogBaroTextColor = "";
 var AnalogBaroNeedleColor = "";
 var ExtraSensor1Name = "";
 var ExtraSensor2Name = "";
</script>
<script language="JavaScript1.2" type="text/javascript" src="dbimages/dashboard.js"></script>
<script language="JavaScript1.2" type="text/javascript" src="dbimages/boxover.js"></script>
</body>
</html>

Last edited by n9mfk on Mon 11 Feb 2013 2:42 pm, edited 2 times in total.
User avatar
steve
Cumulus Author
Posts: 26672
Joined: Mon 02 Jun 2008 6:49 pm
Weather Station: None
Operating System: None
Location: Vienne, France
Contact:

Re: gauges page?

Post by steve »

Isn't that just the standard gaugesT.htm template? Where's your actual page?
Steve
n9mfk
Posts: 845
Joined: Sun 10 May 2009 8:52 pm
Weather Station: davis vp2 Serial datalogger
Operating System: Windows 7 64-bit
Location: Springfield, IL

Re: gauges page?

Post by n9mfk »

sorry i forgot that
99.63.62.165/gauges.htm
Beau
User avatar
steve
Cumulus Author
Posts: 26672
Joined: Mon 02 Jun 2008 6:49 pm
Weather Station: None
Operating System: None
Location: Vienne, France
Contact:

Re: gauges page?

Post by steve »

Actually, that isn't the (current) standard gaugesT.htm file.

For example, this line:

var tempos = new Array("<#RCtemp>","<#RCtempTL>","<#RCtempTH>","<#temptrendtext>");

needs to be:

var tempos = new Array("<#RCtemp>","<#RCtempTL>","<#RCtempTH>","<#temptrendtext>","<#temptrendenglish>");
Steve
n9mfk
Posts: 845
Joined: Sun 10 May 2009 8:52 pm
Weather Station: davis vp2 Serial datalogger
Operating System: Windows 7 64-bit
Location: Springfield, IL

Re: gauges page?

Post by n9mfk »

Hi Steve,

that the page to pass wc3 but then i noted the triend arpe was missing but im not sure what code missing?
i updated that part but still no trend arrow
any idea thanks Beau
User avatar
steve
Cumulus Author
Posts: 26672
Joined: Mon 02 Jun 2008 6:49 pm
Weather Station: None
Operating System: None
Location: Vienne, France
Contact:

Re: gauges page?

Post by steve »

Your trend arrow is there now:
2013-02-11 16_21_58-Springfield weather.png
You do not have the required permissions to view the files attached to this post.
Steve
User avatar
William Grimsley
Posts: 833
Joined: Thu 22 Sep 2011 5:22 pm
Weather Station: Davis Vantage Vue
Operating System: Windows 7 Home Premium 64-bit
Location: Latitude: 50.70189285 Longitude: -3.30849957
Contact:

Re: gauges page?

Post by William Grimsley »

Also, you might like to remove your "webcam" page as it's showing Steve's webcam image from 6 years ago! :lol:
Post Reply