Search This Blog

Tuesday, March 25, 2008

Customizing RSS Viewer to display Weather.com forecast

Step 1: Register for Free at Weather.com to get your Partner ID and License Key

Step 2: Enter http://xoap.weather.com/weather/local/ASXX0075?cc=*&dayf=6&par=PartnerID&prod=xoap&unit=m&key=LicenseKey into RSS Feed URL
Step 3: Edit the XSL


<?xml version=”1.0″ encoding=”ISO-8859-1″ ?><xsl:stylesheet version=”1.0″ xmlns:xsl=”http://www.w3.org/1999/XSL/Transform”><xsl:output method=”html” indent=”yes” encoding=”iso-8859-1″ />

<xsl:template match=”/weather”>


<xsl:variable name=”med-img-dir”>WeatherIcons/60×59</xsl:variable>

<!–Purpose: Weather Webpart, information from Weather.com–>
<xsl:variable name=”day” select=”dayf/day[@d]“></xsl:variable>
<xsl:for-each select=”$day”>

<!– Current Weather Conditions –>
<table width=”100%”>
<tr>

<!–Image–>
<td style=”width: 70px;font-size: 11px” rowspan=”3″>
<xsl:variable name=”img-ext”>png</xsl:variable>
<xsl:variable name=”iconnumber” select=”part[@p='d']/icon” />
<img src=”{$med-img-dir}/{$iconnumber}.{$img-ext}” mce_src=”{$med-img-dir}/{$iconnumber}.{$img-ext}” alt=”{$iconnumber}.{$img-ext}” width=”40″ height=”42″ />
</td>

<!–Day and Date–>
<td style=”font-size: 11px; font-weight: bold; padding:0px 0px 0px 0px” colspan=”2″>
<xsl:value-of select=”./@dt” />,
<xsl:value-of select=”./@t” />
</td>
</tr>
<tr>
<td style=”font-size: 11px; padding:0px 0px 0px 0px” colspan=”2″>
<xsl:value-of select=”part[@p='d']/t”/>

</td>
</tr>
<tr>

<!–Temperature–>
<td style=”font-size: 11px; padding:0px 0px 0px 0px”>Min:
<xsl:value-of select=”low”></xsl:value-of>C </td>
<td style=”font-size: 11px; padding:0px 0px 0px 0px” >Max:
<xsl:value-of select=”hi”></xsl:value-of>C </td>
</tr>
</table>
</xsl:for-each>
</xsl:template></xsl:stylesheet>


No comments:

Post a Comment