Click here to Skip to main content
15,886,673 members
Search within:


Articles / Web Development / HTML
 
Article

Latest CodeProject Articles on Your Desktop

Rate me:
Please Sign up or sign in to vote.
2.38/5 (7 votes)
15 Feb 2012CPOL 34K   14   2
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.

HTML
<!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, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
Mad__
Web Developer
Ukraine Ukraine
Developing software for Civilian aviation and Meteorogical offices.

Comments and Discussions

 
First Prev Next
GeneralNice One Pin
Biswas, Sumit30-Jul-09 23:28
Biswas, Sumit30-Jul-09 23:28 
GeneralCool... Pin
Ralph Wetzel13-Sep-04 7:58
Ralph Wetzel13-Sep-04 7:58 
Finally I've found use for that Active Desktop stuff... Big Grin | :-D Well done!

Ralph Wetzel
Last Visit: 31-Dec-99 18:00     Last Update: 26-Apr-24 7:42Refresh1

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

Permalink
Advertise
Privacy
Cookies
Terms of Use
Layout: fixed | fluid

Posted 13 Sep 2004

Article Copyright 2004 by Mad__
Everything else Copyright © CodeProject, 1999-2024

Web04 2.8:2024-04-02:1