Click here to Skip to main content
15,884,629 members
Articles / Programming Languages / Javascript

Windows 7 Sidebar Gadget - CodeProject Reputation Watcher

Rate me:
Please Sign up or sign in to vote.
4.94/5 (49 votes)
22 Mar 2011CPOL8 min read 136.7K   5.1K   80  
Windows 7 Gadget that scrapes your reputation points and graph, and tracks changes between updates
��<html xmlns="http://www.w3.org/1999/xhtml">

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=Unicode" />

        <title>CodeProject Desktop Gadget</title>

        <script type="text/javascript" src="jquery/jquery-1.4.2.min.js"></script>

        <script type="text/javascript" src="js/cpjshelper.js"></script>

        <script type="text/javascript" src="js/cpgadget.js"></script>

        

        <style type="text/css" >

            body

            {

                font-family: Verdana, Arial, sans-serif;

                line-height: 1.2em;

                width: 150px ; 

                height: 348px ; 

                background-color: #FBEDBB;

                margin: 2 px 2 px 2 px 2 px;

            }

            

            table

            {

                text-align: center;

                border: 1px solid #DDD;

                width: 100%;  

            }

            

            td

            {

                font-size: 8pt ;

                text-align: center ;

                margin: 0 px, 0 px, 0 px, 0 px;

                display: table-cell;

                width: 50%;

                padding: 0 px, 0 px, 0 px, 0px;

            }

            

           

            .nostatus

            {

                background-color: #FBEDBB;

            }

            

            .bronze

            {

                background-color: #EFB255;

            }

            

            .silver

            {

                background-color: #DFDFDF;

            }

            

            .gold

            {

                background-color: #FC0;

            }

            

            .platinum

            {

                background-color: #CFE7FF;

            } 

            

        </style>



        </head>

    <body id="main" onload="init()">

            <div id="mainContent">

            <table style="border-style: none; padding: 0px; margin: 0px">

              <tr>

                <td style="border-style: none; table-layout: fixed; text-align: left; width: 50%;">

                  <img src="images/graph.png" alt="Show/Hide Graph" onclick="showFlyout()" />

                  <img src="images/refresh.png" alt="Refresh Data" onclick="reload_Page()" />

                  <img src="images/web.png" alt="Open CodeProject" onclick="navCodeProject()" />

                  

                </td>

                <td style="border-style: none; table-layout: fixed; text-align: right; width: 50%;">

                  <img id="loadingimage" alt="Loading Image" src="images/ui-anim_basic_16x16.gif" />

                  <img id="playImage" src="images/play.png" alt="Turn Auto-Refresh On" onclick="playpauseUpdates()" />

                  <img id="pauseImage" src="images/pause.png" alt="Turn Auto-Refresh Off" onclick="playpauseUpdates()"  />

                  <img id="helpImage" src="images/help.png" alt="CodeProject Gadget, By Dave Auld, V1.0"/>

                </td>

              </tr>

            </table>

                        

            <table style="text-align: center; border: 2px double #FF9900;">

                <tr><td>

                    <table id="repTotal" class="nostatus">

                        <tr><td colspan="2">Total</td></tr>

                        <tr><td><div id="loadRepTotal">0</div></td><td><div id="repChange0">&nbsp;</div></td></tr>

                    </table>

                </td></tr>

                <tr><td>

                    <table id="repAuthor" class="nostatus">

                        <tr><td colspan="2">Author</td></tr>

                        <tr><td><div id="loadRepAuthor">0</div></td><td><div id="repChange1">&nbsp;</div></td></tr>

                    </table>

                </td></tr>

                <tr><td>

                    <table id="repAuthority" class="nostatus">

                        <tr><td colspan="2">Authority</td></tr>

                        <tr><td><div id="loadRepAuthority">0</div></td><td><div id="repChange2">&nbsp;</div></td></tr>

                    </table>

                </td></tr>

                <tr><td>

                    <table id="repDebator" class="nostatus">

                        <tr><td colspan="2">Debator</td></tr>

                        <tr><td><div id="loadRepDebator">0</div></td><td><div id="repChange3">&nbsp;</div></td></tr>

                    </table>

                </td></tr>

                <tr><td>

                    <table id="repEditor" class="nostatus">

                        <tr><td colspan="2">Editor</td></tr>

                        <tr><td><div id="loadRepEditor">0</div></td><td><div id="repChange4">&nbsp;</div></td></tr>

                    </table>

                </td></tr>

                <tr><td>

                    <table id="repEnquirer" class="nostatus">

                        <tr><td colspan="2">Enquirer</td></tr>

                        <tr><td><div id="loadRepEnquirer">0</div></td><td><div id="repChange5">&nbsp;</div></td></tr>

                    </table>

                </td></tr>

                <tr><td>

                    <table id="repOrganiser" class="nostatus">

                        <tr><td colspan="2">Organiser</td></tr>

                        <tr><td><div id="loadRepOrganiser">0</div></td><td><div id="repChange6">&nbsp;</div></td></tr>

                    </table>

                </td></tr>

                <tr><td>

                    <table id="repParticipant" class="nostatus">

                        <tr><td colspan="2">Participant</td></tr>

                        <tr><td><div id="loadRepParticipant">0</div></td><td><div id="repChange7">&nbsp;</div></td></tr>

                    </table>

                </td></tr>

                    

                <tr><td colspan="2" id="loadRepDate">No Data</td></tr>    

                </table>

           </div>

            <!-- hidden Div used during the parsing process -->

            <div id="holdingdata" style="visibility: hidden; height: 0; width: 0; display: none;">

            </div>

    </body>

</html>

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
Engineer
Scotland Scotland
I have been working in the Oil & Gas Industry for over 30 years now.

Core Discipline is Instrumentation and Control Systems.

Completed Bsc Honours Degree (B29 in Computing) with the Open University in 2012.

Currently, Offshore Installation Manager in the Al Shaheen oil field, which is located off the coast of Qatar. Prior to this, 25 years of North Sea Oil & Gas experience.

Comments and Discussions