Datamaskin
  | Hjem | Hardware | Nettverk | Programmering | Software | Feilsøking | Systems | 
Programmering  
  • C /C + + Programming
  • Computer Programmeringsspråk
  • Delphi Programming
  • Java Programming
  • JavaScript Programmering
  • PHP /MySQL programmering
  • Perl Programming
  • Python Programming
  • Ruby Programming
  • Visual Basics Programming
  •  
    Datamaskin >> Programmering >> JavaScript Programmering >> Content
    Hvordan lage en Vista Sidebar Gadget
    Microsofts lansering av Windows Vista var den første nye operativsystemet lanseringen i over fem år . Vista fulgt Windows XP og inkludert en rekke nye funksjoner utformet for enkel bruk og estetisk forbedring. Vistas nye funksjoner varierte fra overfladiske , som i et nytt sett med standard lydeffekter , til arkitektonisk , som i endringer i operativsystemet kjernen for å bedre stabiliteten . En funksjon som fikk oppmerksomhet var den nye Windows Sidebar , en stasjonær område som viser små programmer som kalles "gadgets ". Selv en amatør programmerer kan lage en enkel Vista sidebar gadget med litt HTML og JavaScript-kode . Instruksjoner , Lag Vista Sidebar Gadget
    en

    Klikk "Start " og deretter " Dokumenter " for å åpne et Windows Utforsker-vindu . Klikk på "File ", " New ", " Folder " for å opprette en ny mappe under Dokumenter som inneholder filene for gadget. Name it " SampleGadget.Gadget " (uten anførselstegn) .
    2

    Klikk " Start", " Alle programmer , " " Tilbehør ", " Notisblokk " for å åpne Notepad .

    3

    Skriv inn følgende kode for gadget manifest -filen i Notisblokk : < ? xml version = " 1.0" encoding = " utf- 8 " >



    Sample Gadget

    1.0.0.0 < /versjon >

    Simple sample Vista sidebar gadget. < /description>



    < basen type = " HTML" apiVersion = " 1.0.0 " src = " SampleGadget.html " />

    Full


    < /host >

    < /hosts >

    < /gadget >

    Klikk på "File " og deretter " Lagre som". I " File Name" type " gadget.xml " (uten anførselstegn) . I "Lagre som type "-listen velger du " Alle filer ( * . *) . " I " koding "-listen velger du " UTF -8 ". I adressefeltet eller mapper ruten navigere til den nye mappen du opprettet i trinn 1 og klikk på " Lagre"-knappen for å lagre manifestfilen .
    4

    Clear innholdet i Notepad og skriv etter koden for gadget HTML- fil : en



    < p>

    Sample Vista Gadget < /title > <br> < p > <style type="text/css"> <br> <p> kroppen <br> <p> { <br> <p> margin: 0 ; <br> <p> bredde : 130px ; <br> <p> høyde: 90px ; <br> <p> font- family: arial ; <br> <p> font- weight: bold ; <br> <p> font-size : 20px ; <br> <p> } <br> <p> # main <br> <p> { <br> <p> margin: 10px , 10px , 10px , 10px ; <br> <p> bredde : 110px ; <br> <p> vertikal -align : midten ; <br> <p> text-align : center ; <br> <p> overflow: hidden ; <br> <p> } <br> <p> < /style > <br> <p> < ; script type = "text /javascript " > <br> <p> funksjon oppstart ( ) <br> <p> { <br> <p> //oppstart rengjøring går her, for eksempel : en < p> //Set referanse til hovedsiden div element <br> <p> Var theDiv = document.getElementById (' main' ); <br> <p> //Set bakgrunnsfarge stil <br> <p> theDiv.style . bakgrunnsfarge = ' svart '; <br> <p> //Set tekstfarge stil <br> <p> theDiv.style.color = ' gul '; <br> <p> } <br> <p> < /script> <br> <p> < /head > <br> <p> <body onload="startUp()"> <br> <p> <div id="main"> Vista Sidebar Gadget </span > <br> <p> < /body > <br> <p> < /html > <br> <p> Klikk på " File", " Lagre som". I " File Name" type " SampleGadget.html " (uten anførselstegn) . I "Lagre som type "-listen velger du " Alle filer ( * . *) . " I " koding "-listen velger du " UTF -8 ". Kontroller at Notepad er fortsatt sparing i den nye mappen du opprettet, og klikk på "Lagre" -knappen for å lagre HTML-fil. <br> Installer Vista Sidebar Gadget <br> 5 <p> Highlight mappenavnet i Windows Explorer -vinduet du åpnet i trinn 1. . Trykk "Ctrl" og "C "-tastene samtidig for å kopiere mappen og dens innhold til utklippstavlen. Navigere i Utforsker-vindu til C: \\ Program Files \\ Windows Sidebar \\ Gadgets \\ og trykk på " Ctrl" og "V "-tastene samtidig for å lime inn mappen og dens innhold. Du må kanskje gi et administratorpassord og greit kopieringen , avhengig av Vista sikkerhetsinnstillinger. <br> 6 <p> Klikk " Start", " Alle programmer , " " Tilbehør ", " Windows Sidebar " til starte sidebar hvis det ikke allerede kjører . <br> 7 <p> Klikk på plusstegnet ( + ) ved høyt midt i sidestolpen for å åpne gadget galleriet vinduet. Dobbeltklikk på ikonet merket " Sample Gadget " for å plassere den nye gadget på sidefeltet. Det vil vise meldingen " Vista Sidebar Gadget ! " i gul skrift på svart bakgrunn med hvite kanter , som spesifisert i HTML-filen . <br> <br> <div class=ad2><script language='javascript' src='/ad/201310/4.js'></script></div> </div> </td> </tr> </table> <table width="745" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ecf0f4"> <tr> <td bgcolor="#ecf0f4"></td> </tr> </table> <table border="0" cellspacing="0" cellpadding="0" width="100%" height="7"> <tr> <td></td> </tr> </table> <table border="0" cellspacing="0" cellpadding="0" width="95%" align="center" height="26"> <tr> <td width="51%"><p>früher : <a class='LinkPrevArticle' href='http://www.datamaskin.biz/Programmering/javascript-programming/91138.html' >Hvordan kan jeg bruke iBox </a></li></p></td> </tr> <tr> <td width="49%"> Weiter: <a class='LinkNextArticle' href='http://www.datamaskin.biz/Programmering/javascript-programming/91140.html' >Hvordan beregne Skjermoppløsning Med Java Script </a></li></td> </tr> </table> <table border="0" cellspacing="0" cellpadding="0" width="100%" height="7"> <tr> <td></td> </tr> </table></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width="100%" height=7> <tr> <td></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=770 align=center height=246> <tr> <td height=246 vAlign=top width=375> <table class=bian border=0 cellSpacing=0 cellPadding=0 width=380> <tr> <td height=244 vAlign=top> <table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee> <tr> <td height=29 width="4%"> </td> <td width="96%"><strong>Relatert Artike</strong></td> </tr> </table> <table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209> <tr> <td height=201> <table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90964.html" title="3 - D effekter med JavaScript " target="_self">3 - D effekter med JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90994.html" title="Hvordan inkludere eksterne JS i JavaScript " target="_self">Hvordan inkludere eksterne JS i JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90930.html" title="Slik kontrollerer Sjekklister for Joomla " target="_self">Slik kontrollerer Sjekklister for Joomla </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91038.html" title="Slik fjerner JavaScript " target="_self">Slik fjerner JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91123.html" title="Hvordan sjekke for en numerisk type i Javascript " target="_self">Hvordan sjekke for en numerisk type i Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91245.html" title="Lett Box Tutorial " target="_self">Lett Box Tutorial </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91006.html" title="Hvordan finne ut hvor mange bilder er i en DIV Med JavaScript " target="_self">Hvordan finne ut hvor mange bilder er i en DIV Med Java…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90931.html" title="Slik bygger du inn videoer i en Pop- Up With JavaScript " target="_self">Slik bygger du inn videoer i en Pop- Up With JavaScript…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91067.html" title="Hvordan sette JavaScript kode til et PHP File " target="_self">Hvordan sette JavaScript kode til et PHP File </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90838.html" title="Javascript Relevant Vs . Absolute Sti " target="_self">Javascript Relevant Vs . Absolute Sti </a></td></tr><tr></tr></table></td> </tr> </table> </td> </tr> </table> </td> <td vAlign=top width=20></td> <td vAlign=top width=375> <table class=bian border=0 cellSpacing=0 cellPadding=0 width=380> <tr> <td height=244 vAlign=top> <table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee> <tr> <td height=29 width="4%"> </td> <td width="96%"><strong>Anbefalte artikler </strong></td> </tr> </table> <table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207> <tr> <td height=199> <table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/python-programming/93840.html" title="Python Opplæring for Sammenkobling " target="_self">Python Opplæring for Sammenkobling </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/ruby-programming/94236.html" title="Slik installerer Ruby 1.9 på OS X Snow Leopard " target="_self">Slik installerer Ruby 1.9 på OS X Snow Leopard </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/ruby-programming/94235.html" title="Hvordan Ta en Array Verdi i Python " target="_self">Hvordan Ta en Array Verdi i Python </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/visual-basics-programming/95183.html" title="Tutorial på hvordan du bruker VB6 PictureBox " target="_self">Tutorial på hvordan du bruker VB6 PictureBox </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/cc-programming/85929.html" title="Hvordan legge til kolonner til en DataTable i C # " target="_self">Hvordan legge til kolonner til en DataTable i C # </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/java-programming/90305.html" title="Hva er LoadLibrary Jvm.Dll " target="_self">Hva er LoadLibrary Jvm.Dll </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/88290.html" title="Hva er Uttalelse Dekning " target="_self">Hva er Uttalelse Dekning </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/87141.html" title="Hvordan bruke PHP Tekstutdrag i Asp.net " target="_self">Hvordan bruke PHP Tekstutdrag i Asp.net </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/java-programming/89272.html" title="Hvordan lage en bruker Ended Loop i Java " target="_self">Hvordan lage en bruker Ended Loop i Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/visual-basics-programming/94321.html" title="VBA Object Obligatorisk " target="_self">VBA Object Obligatorisk </a></td></tr><tr></tr></table></td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=980 height=8> <tr> <td></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=980 bgColor=#36506e height=90> <tr> <td class=bs height=90 align=center>Copyright ©  Datamaskin  http://www.datamaskin.biz/ <script language='javascript' src='/ad/201310/1.js'></script></td> </tr> </table> </div> </body> </html>