(untagged)
Latest CodeProject Articles on Your Desktop

Mad__
0.00/5 (No votes)
15 Feb 2012
Displaying the latest CodeProject articles on your desktop
Sample Image - maximum width is 600 pixels
Introduction

This is the simple Active Desktop item that displays the latest posted CodeProject articles.
Using the code

Simple copy the HTML code and save it in <any name>.html file, then set it as Active Desktop. That all there is to it.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
    <head>
        <style>
BODY, P, H1, H2, H3, H4, H5, H6, LI, TD, TH, DD, DT
{
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 10pt;
    color: black;
}
BODY
{
    background-color: #ffffff;
    color: #000000;
    /*Scrollbar-face-color: #ffcc99; 
    Scrollbar-arrow-color: black;*/
}
LI,UL,OL
{
    list-style-image: none;
}
H1, H2, H3, H4, H5, TH
{
    font-weight: bold;
}
H2, H3, H5
{
    color: #ff9900;
}
H1
{
    font-size: 16pt;
}
H2
{
    font-size: 13pt;
}
H3
{
    font-family: Arial, sans-serif;
    font-size: 11pt;
}
H4
{
    font-size: 10pt;
    margin-bottom: 2px;
}
H5
{
    font-size: 9pt;
    margin-bottom: 2px;
}
H6
{
    color: #626262;
    font-size: 65%;
    font-weight: normal;
}
DD
{
    margin-left: 20px;
}
PRE
{
    background-color: #FBEDBB;
    padding: 7pt;
    background-image: url(/images/codebg.gif);
    font: 9pt "Courier New", Courier, mono;
    white-space: pre;
    width: 100%;
    /*overflow: auto;*/
}
CODE
{
    color: #990000;
    font-family: "Courier New", Courier, mono;
}
a:link    { text-decoration:none;      }
a:visited { text-decoration:none;      }
a:active  { text-decoration:underline; }
a:hover   { text-decoration:underline; }
.top
{
    cursor: hand;
}
.MenuGroup
{
    background-color: #ffcc99;
    font-weight: normal;
    font-family: Tahoma, Arial, sans-serif;
    position: relative;
    top: 0px;
    width: 124px;
}
.MI, .MIs, .MIn, .MIsn
{
    background-color: #ffcc99;
    color: black;
    font-size: 8pt;
    font-weight: normal;
    font-family: Verdana, Arial, sans-serif;
    width: 118px; 
    cursor: hand;
}
.MI,.MIn
{
    text-decoration: none;
}
.MI,.MIs
{
    padding-left: 3pt; 
    margin-left: 3pt;
    border: 1 solid #ffcc99;
}
.MIn
{
    border: 1pt solid #ffcc99;
}
.MIn,.MIsn
{
    padding-left: 2px; 
    margin-left: 2px;
}
.sidebar
{
    font-weight: bold;
    color: #ffffff;
    font-size: 9pt;
    text-decoration: none;
}
.navbar 
{
    font-weight: bold;
    color: white;
    font-size: 8pt;
    text-decoration: none;
}
.navbar:hover  { color:blue; } 
.navbar:active { color:red; }
.infobar
{
    font-size: 8pt;
    margin-left: 0pt;
    text-indent: 0pt;
}
.infobarList
{
    font-size: 8pt;
    margin-left: 1.5em;
    text-indent: -1.5em;
}
.InfobarHeader
{
    font-size: 9pt;
    font-weight: bold;
    margin-bottom: -10px;
    color: #ab2600;
    /*color: #85BC4C;*/
}
.HoverLink
{ 
    text-decoration: none;      
    font-size:8pt; 
    padding: 1px 2px 1px 2px;
    /*margin: 1px 1px 1px 1px;*/
    background-color: #fbedbb;
    border-color: #fbedbb;
    border-width: 1px;
    border-style: solid;
}
A.HoverLink
{
    text-decoration: none;      
    color : blue; 
    cursor: hand;
}
A.HoverLink:hover
{
    border-color: #ff9900;
    background-color: #ffcc99;
}
A.HoverLink:active
{
    background-color: #FFC082;
    border-color: #ff9900;
}
TT.equation 
{ 
    font-family: 'Times New Roman', serif; 
    font-size: 10pt; 
    font-style: italic; 
    white-space: pre; 
}
UL.download 
{
    margin-left: 1.5 em
}
UL.download LI, LI.download
{
    list-style-image: url(/images/download.gif);
    font-size: 9pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding-left: 0.5 em;
}

UL.delegate LI, LI.delegate   { list-style-image: url(/images/symbols/delegate.gif); }
UL.enum LI, LI.enum           { list-style-image: url(/images/symbols/Enum.GIF); }
UL.event LI, LI.event         { list-style-image: url(/images/symbols/event.GIF); }
UL.interface LI, LI.interface { list-style-image: url(/images/symbols/interface.GIF); }
UL.literal LI, LI.literal     { list-style-image: url(/images/symbols/literal.GIF); }
UL.method LI, LI.method       { list-style-image: url(/images/symbols/method.GIF); }
UL.namespace LI, LI.namespace { list-style-image: url(/images/symbols/namespace.GIF); }
UL.property LI, LI.property   { list-style-image: url(/images/symbols/property.GIF); }
UL.struct LI, LI.struct       { list-style-image: url(/images/symbols/struct.GIF); }

UL.compactlist LI, LI.compactlist 
{
    list-style-image: url(/images/smallarrow.gif);
    font-size: 8pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-left: -1 em;
    margin-bottom: 0pt;
}
UL.compactlist
{
    margin-top: 5pt;
    margin-bottom: 5pt;
}
.MainHeader
{
    color: black;
    font-family: Tahoma, Helvetica, Arial, sans-serif;
    font-size: 155%;
    font-weight: bold;
}
.formButton
{ 
    font-size:90%; 
    color: white; 
    border-color: #FBEDBB; 
    background-color: #E08900; 
    font-weight: 700; 
}
.SiteNewsHeading,.DevNewsHeading
{
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-weight: bold;
}
.DevNewsHeading
{
    font-size:10.5pt; 
}
.links, .messagetitle, .SiteNews, .SmallText, .SiteNewsHeading
{
    font-size:8pt; 
}
.NewsFlash
{
    margin-top:5;
    font-size:9pt;
}
.DevNewsContent
{
    font-size:9pt; 
}
.messagecontent
{
    font: 9.5pt Verdana, "Courier New", Courier, mono;
}
.Default          { font-family: Verdana, Helvetica, Arial, sans-serif; }
.forum_link:link    { text-decoration:none;      color:#E08900 }
.forum_link:visited { text-decoration:none;      color:#E08900 }
.forum_link:active  { text-decoration:none;      color:#E08900 }
.forum_link:hover   { text-decoration:underline; color:#E08900 }
.forum_hilite       { background-color: yellow}

.cpp-comment,.cs-comment,.vb-comment    { COLOR: green; FONT-STYLE: italic; }
.cpp-keyword,.cs-keyword, .vb-function  { COLOR: blue; }
.cpp-preprocessor, .cs-preprocessor     { COLOR: navy; }
.cpp-string,.cs-string,.vb-string       { COLOR: purple; }
.cpp-literal,.cs-literal,.vb-literal    { COLOR: midnightblue }

.vb-keyword,.vb-statement    { COLOR: blue; font-weight:normal;}

/* Form Elements 
SELECT, INPUT, TEXTAREA
{ 
    border: #ff9900;
    font-family: Verdana;
    font-size: 10pt;

    color: #333333; 
    background-color: #FBEDBB;
    border-style: inset; 
    border-width: 2px; 
    Scrollbar-face-color: #ff9900; 
    Scrollbar-backgound-color: #ffcc99; 
    Scrollbar-arrow-color: black;
}*/
TABLE#tblButtonBar {
    MARGIN-TOP: 1px
}
.clsButton {
    BACKGROUND-COLOR: #ff9900;
    BORDER-RIGHT: #ff9900 1px solid; 
    BORDER-TOP: #ff9900 1px solid; 
    BORDER-LEFT: #ff9900 1px solid; 
    BORDER-BOTTOM: #ff9900 1px solid;
     text-decoration: none; 
    font-weight: bold; 
    FONT-SIZE: 8pt; 
    CURSOR: hand;
    color: #333300;
}
TD.clsButtonBar TABLE.clsButton TD {
    PADDING: 1px;
}
.clsButtonLnk {
     text-decoration: none; 
    font-weight: bold; 
    FONT-SIZE: 8pt; 
    CURSOR: hand;
    color: #333300;
    padding: 1;
}
.clsButtonLnk:hover {
    color: blue;
}
.FeatureBox
{
    background-color: #A5C9EF;
    BORDER: #6699cc 1px solid; 
    PADDING: 2px; 
}
.FeatureBoxHeader, .FeatureBoxHeader a
{
    color: #993300;
    font-family: Verdana;    
    
    padding-left: 2pt;
    padding-bottom: 2pt;
    font-weight: bold;
    font-size: 13pt;
    /*background-color: #6699cc;*/
}
.FeatureBoxHeaderArrow
{
    background-color: #6699cc;
}
        </style>
    </head>
    <script language="JavaScript">
    var body = "";

    function find_subj(subjs, count, subj)
    {
        for (i = 0; i< count ; i++)
            if (subjs[i] == subj)
                return i;
        return -1;
    }
    
    function subj_out(nodes,  name,  count)
    {
        body += "<tr valign=top bgColor=white><td rowspan=3 width=12>"
             + "<a href=\'/\'>"+name+"</a></td>";
        for (i = 0; i<count; i++)
        {
            var nDate = new Date(Date.parse(nodes[i].selectSingleNode("pubDate").text));
            var oTit = nodes[i].selectSingleNode("title").text;
            var oLink = nodes[i].selectSingleNode("link").text;
            var oAutor = nodes[i].selectSingleNode("author").text;
            var oDesc = nodes[i].selectSingleNode("description").text;
            
            if (i != 0)
                body += "<tr valign=top bgColor=white><td rowspan=3"
                     + "width=125></td>";
                
            body += "<td><a href=\'"+oLink+"\'>"+oTit+"</a></td></tr><tr><td>"
                 + "<FONT face=Verdana size=1 style=\"FONT-SIZE: 8pt\" 
                 + "color=#666666><b>";
            body += nDate.getHours()+":"+nDate.getMinutes()
                 + ":"+nDate.getSeconds()+" GMT</b></font></td></tr>";
            body += "<tr><td><FONT face=Verdana size=1 style=\"
                 + "FONT-SIZE: 8pt\" color=#666666>"+oDesc+"</font></td></tr>";            
        }        
    }
    
    function on_load()
    {
        var oChanel = rss.XMLDocument.selectSingleNode("rss/channel");
        body += "<img src="+oChanel.selectSingleNode("image/url").text
             + " /><br>\n";
        
        var oDate = new Date(0);
        var oItems = oChanel.selectNodes("item");
        var oSubj = "";
        var topen = "0";
        
        var Subj = new Array();
        var SubjName = new Array();
        var SubjCount = new Array();
        var Subjs = 0;
        var tSubj = -1;
        
        for (var i=0; i<oItems.length; i++)
        {
            var oNode = oItems.item(i);
            var nDate = new Date(Date.parse(oNode.selectSingleNode("pubDate").text));
            var nSubj = oNode.selectSingleNode("subject").text;
            
            if (nDate.getDate()  != oDate.getDate() 
             || nDate.getMonth() != oDate.getMonth() 
             || nDate.getYear() != oDate.getYear())
            {
                if (topen == "1")
                {
                    for (k = 0; k<Subjs;k++)
                    {
                        subj_out(Subj[SubjName[k]], SubjName[k], SubjCount[k]);
                    }                
                    body += "</table>";
                }
                body += "<h3><b>"+new Date(Date.parse((nDate.getMonth()+1)+"-"
                     + nDate.getDate()+"-"+ nDate.getYear()))+"</b></h3>";
                body += "<table cellpading=0 cellspacing=4 border=0 width=\'100%\'>";
                oDate = nDate;

                Subjs = 0;
                Subj = new Array();
                SubjName = new Array();
                SubjCount = new Array();
                oSubj = "";
                tSubj = 0;
                topen = "1";                
            }
            
            if (nSubj != oSubj)
            {
                var tSubj = find_subj(SubjName, Subjs, nSubj);
                if (tSubj == -1)
                {
                    Subj[nSubj] = new Array();
                    SubjName[Subjs] = nSubj;
                    SubjCount[Subjs] = 0;
                    tSubj = Subjs;
                    Subjs += 1;
                }
                oSubj = nSubj;
            }
            Subj[SubjName[tSubj]][SubjCount[tSubj]] = oNode;
            SubjCount[tSubj] += 1;
        }

        for (k = 0; k<Subjs; k++)
        {
            subj_out(Subj[SubjName[k]], SubjName[k], SubjCount[k]);
        }                
        
        body += "</table>";
        oBody.innerHTML = body;
    }
    </script>
    <body onload="on_load();">
        <xml src="http://www.codeproject.com/webservices articlerss.aspx?cat=1" 
             id="rss" /><div id="oBody"></div>
    </body>
</html>
I didn't provide any comments for the code at this time. If you have questions about the code, please post them and I will update the code comments based on your questions.
Update 14/09/2004

Added sorting by article subject.
License

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.
A list of licenses authors might use can be found here