Install instructions for adding a scrolling weather forecast to the HomeSeer 2 header.
Required: weatherXML, HomeSeer 2
1. Setup HomeSeer options
a. Open a browser to your HomeSeer and click the setup button.
b. Click on the Web Site tab.
c. Find Functions To Call with Body Onload. Enter "displayWeather();".
d. Click Save
2. Edit meta.htm
a. If you don't have a meat.htm file, the create one. Save it in the HomeSeer/html directory.
b. Add the following code to meta.htm.
3. Setup script
a. Download the attached script to the scripts directory.
b. Schedule the script to run sometime after the weatherxml script.
c. Run the script now to get the javascript file created for you.
4. Edit style.css (Optional)
a. Add the following to your style sheet (homeseer/html/style.css)
Step 4 is optional and you can change the style to your liking.
Edited 9/12/2005 to add step 4.
Required: weatherXML, HomeSeer 2
1. Setup HomeSeer options
a. Open a browser to your HomeSeer and click the setup button.
b. Click on the Web Site tab.
c. Find Functions To Call with Body Onload. Enter "displayWeather();".
d. Click Save
2. Edit meta.htm
a. If you don't have a meat.htm file, the create one. Save it in the HomeSeer/html directory.
b. Add the following code to meta.htm.
PHP Code:
<SCRIPT language="Javascript" src="/weathercom_xml/weatherxml.js"></SCRIPT>
<script>
<!--
function displayWeather() {
sMessage = weatherScroll;
userclock.innerHTML=sMessage;
userclock.style.display='';
userclock.className="weatherscroll";
}
//-->
</script>
a. Download the attached script to the scripts directory.
b. Schedule the script to run sometime after the weatherxml script.
c. Run the script now to get the javascript file created for you.
4. Edit style.css (Optional)
a. Add the following to your style sheet (homeseer/html/style.css)
PHP Code:
.weatherscroll {
color: yellow;
width: 300 px;
}
Edited 9/12/2005 to add step 4.
Comment