Click here to Skip to main content
15,892,298 members
Articles / Web Development / HTML

Screen Snaper SideBar Gadget

Rate me:
Please Sign up or sign in to vote.
4.63/5 (18 votes)
1 Dec 2011CPOL2 min read 118.3K   4.7K   74  
Screen Snaper is perfect to quickly share a picture-perfect representation of anything on your screen.
<html xmlns:v="urn:schemas-microsoft-com:vml">
    <head>
        <title>Screen Snaper</title>
        <style>v\:* { behavior: url(#default#VML) }</style>
        <link href="../Styles/Gadget.css" type="text/css" rel="stylesheet">
        <script src="../Scripts/Wrapper.js"></script>
        <script src="../Scripts/Gadget.js"></script>
    </head>
    <body onload="LoadGadget()" onunload="UnloadGadget()" bottomMargin="5" leftMargin="4" topMargin="5" rightMargin="4">
        <div id="SkinModern" style="position:absolute;left:0px;top:0px;z-index:0;display:block;">
            <g:background id="BodyModern" src="../Images/GadgetModern.png" onmouseover="ButtonOver('../Images/GadgetOver.png', 'Ready...')" onmouseout="ButtonOver('../Images/GadgetOut.png', 'Ready...')" style="position:absolute;left:0px;top:0px;z-index:1" />
            <g:image id="ImageIcon" src="../Images/GadgetOut.png" style="position:absolute;left:30px;top:40px;z-index:3;" onmouseover="ButtonOver('../Images/GadgetOut.png', 'Ready...')" />
            <g:image id="Close" src="../Images/GadgetCloseMin.png" class="Button" title="Close" style="position:absolute;left:100px;top:55px;z-index:4;cursor:hand;" onmouseover="ButtonOver('../Images/GadgetClose.png', this.title)" onclick="GadgetClose()" />
            <g:image id="Settings" src="../Images/GadgetSettingsMin.png" class="Button" title="Settings" style="position:absolute;left:100px;top:70px;z-index:5;cursor:hand;" onmouseover="ButtonOver('../Images/GadgetSettings.png', this.title)" onclick="GadgetSettings()" />
            <g:image id="Preview" src="../Images/GadgetPreviewMin.png" class="Button" title="Preview" style="position:absolute;left:10px;top:65px;z-index:6;cursor:hand;" onmouseover="ButtonOver('../Images/GadgetPreview.png', this.title)" onclick="PreviewOpen(true)" />
            <g:image id="Desktop" src="../Images/GadgetDesktopMin.png" class="Button" title="Desktop" rotation="20" style="position:absolute;left:40px;top:105px;z-index:7;cursor:hand;" onmouseover="ButtonOver('../Images/GadgetDesktop.png', this.title)" onclick="GetSnap(0)" />
            <g:image id="Window" src="../Images/GadgetWindowMin.png" class="Button" title="Window" style="position:absolute;left:57px;top:108px;z-index:8;cursor:hand;" onmouseover="ButtonOver('../Images/GadgetWindow.png', this.title)" onclick="GetSnap(1)" />
            <g:image id="Region" src="../Images/GadgetRegionMin.png" class="Button" title="Region" rotation="-20" style="position:absolute;left:74px;top:103px;z-index:9;cursor:hand;" onmouseover="ButtonOver('../Images/GadgetRegion.png', this.title)" onclick="GetSnap(2)" />
            <v:oval id="StatusStroke" style="position:absolute;z-index:10;left:33px;top:42px;width:60px;height:60px" strokecolor="white">
                <v:fill id="StatusFill" on="True" color="white" />
                <v:path textpathok="True" />
                <v:textpath id="StatusModern" on="True" style="font-size:8pt" string="Ready..." />
            </v:oval>
        </div>
        <div id="SkinClassic" style="display:none;">
            <g:background id="BodyClassic" src="../Images/GadgetClassic.png" style="position:absolute;left:0px;top:0px;z-index:-1" />
            <fieldset class="ItemStyle">
                <legend><div><img class="Button" src="../Images/GadgetIcon.png" align="absbottom" onclick="PreviewOpen(true)" title="Open Preview"> <b>Screen Snaper</b></div></legend>
                <span id="ActionClassic">
                    <input type="button" value="Desktop" onclick="GetSnap(0)" class="ItemStyle" style="height:24px;">
                    <input type="button" value="Window" onclick="GetSnap(1)" class="ItemStyle" style="height:24px;">
                    <input type="button" value="Region" onclick="GetSnap(2)" class="ItemStyle" style="height:24px;">
                    <input type="button" value="Settings" onclick="GadgetSettings()" class="ItemStyle" style="width:58px;height:23px;">
                    <input type="button" value="Close" onclick="GadgetClose()" class="ItemStyle" style="width:57px;height:23px;">
                </span>
                <span id="StatusClassic" class="ItemStyle">Ready...</span>
            </fieldset>
        </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
CEO
Canada Canada

Comments and Discussions