Welkom op de Nederland Computer Kennisnetwerk!  
 
Zoeken computer kennis
Home Hardware Netwerken Programmering Software Computerstoring Besturingssysteem
Computer Kennis >> Programmering >> JavaScript Programmeren >> Content
Hoe maak je een Vista Sidebar Gadget Creëren
Microsoft's versie van Windows Vista was de eerste nieuwe besturingssysteem te lanceren in meer dan vijf jaar . Vista gevolgd Windows XP en omvatte een aantal nieuwe functies die zijn ontworpen voor gebruiksgemak en esthetische verbetering. Nieuwe van Vista varieerden van oppervlakkige , als in een nieuwe set default geluidseffecten , de architectonische , zoals veranderingen in het besturingssysteem kernel stabiliteit. Een functie die aandacht kreeg was de nieuwe Windows Sidebar , een desktop- omgeving die kleine programma's genaamd verschijnt " gadgets . " Zelfs een amateur programmeur kan een eenvoudige Vista sidebar gadget met een beetje HTML en JavaScript-code te creëren . Instructies
Maak de Vista Sidebar Gadget
1

Klik op "Start " en vervolgens " Documents " om een venster van Windows Verkenner te openen . Klik op " File ", " Nieuw ", "Map " om een ​​nieuwe map onder Documenten die de bestanden voor de gadget zal bevatten. Noem het " SampleGadget.Gadget " ( zonder de aanhalingstekens ) . Kopen van 2

Klik op " Start", " Alle programma's ", "Toebehoren ", " Notepad " om Kladblok te openen .
Goedkope 3

Typ de volgende code voor de gadget manifest bestand in Kladblok : < ? xml version = " 1.0 " encoding = " uTF - 8 " >


sample Gadget
< /name>

1.0.0.0 < /version >

Simple monster
Vista sidebar gadget . < /description>



< basistype = " HTML " apiVersion = " 1.0.0 " src = " SampleGadget.html " >

Volledige < /permissies >

minPlatformVersion="1.0" /> < br />

< /host >

< /hosts >

< /gadget Telefoonkaarten>

Klik op " File " en vervolgens " Opslaan als. " In het " File name " vak " gadget.xml " ( zonder de aanhalingstekens ) . In het " Opslaan als type " lijst te selecteren " Alle bestanden ( * . * ) . " In de " Codering " lijst te selecteren " UTF - 8 ". In de adresbalk of het deelvenster mappen , navigeer naar de nieuwe map die u hebt gemaakt in stap 1 en klik op de knop "Opslaan" om het manifest bestand op te slaan .
4

Helder de inhoud van Notepad en typ de volgende code voor de gadget HTML-bestand :



Sample Vista Gadget <br> < /title > <br> <p > <style type="text/css"> <p> lichaam <br> <p> <br> { <p> margin <br> : 0 ; <p> breedte <br> : 130px ; <br> <p> height : 90px ; <p> font-family <br> : arial ; <p> font-weight <br> : bold ; <br> <p> font-size : 20px ; <br> <p> } <p> # voornaamste <br> <p> <br> { <p> margin <br> : 10px , 10px , 10px , 10px ; <p> breedte <br> : 110px ; <br> <p> vertical-align : midden ; <p> <br> text-align : center ; <p> overflow <br> : hidden ; <br> <p> } <p> < /style > <br> <p> < ; script type = " text /javascript " > <p> functie Startup ( ) <br> <p> { <br> <p> //Start - up huishouding gaat hier , bijvoorbeeld : <br> <p > //Set verwijzing naar de belangrijkste div element <br> <p> var theDiv = document.getElementById ( ' hoofd ' ) ; <p> //Set achtergrond kleur stijl <p> theDiv.style <br> . backgroundColor = ' zwart ' ; <p> //Set tekstkleur style <p> theDiv.style.color = ' gele ' <br> ; <p> } <br> <p> <br> < /script <br> <p> < /head > <p> <body onload="startUp()"> <p> <div id="main"> Vista Sidebar Gadget > <br> ! < /span > <br> <p> < /body > <br> <p> < /html > <p> Klik <br> " File ", " Opslaan als. " In het " File name " box type " SampleGadget.html " ( zonder de aanhalingstekens ) . In het " Opslaan als type " lijst te selecteren " Alle bestanden ( * . * ) . " In de " Codering " lijst te selecteren " UTF - 8 ". Controleer of Notepad is nog steeds opslaan in de nieuwe map die u hebt gemaakt en klik op de knop "Opslaan" om het HTML- bestand op te slaan . <br> Installeer de Vista Sidebar Gadget <br> <p> Highlight 5 de naam van de map in de Windows Verkenner hebt geopend in stap 1 . Druk op de " Ctrl " en " C " toetsen gelijktijdig in om de map en de inhoud naar uw klembord kopiëren . Navigeer in het venster Verkenner naar C : \\ Program Files \\ Windows Sidebar \\ Gadgets \\ en druk op de " Ctrl " en toetsen " V " gelijktijdig aan de map en de inhoud plakken . Je kan hebben om een beheerderswachtwoord en oke het kopiëren , afhankelijk van uw beveiligingsinstellingen Vista. <br> 6 <p> Klik op "Start ", " Alle programma's ", "Toebehoren ", " Windows Sidebar " te geven start de sidebar als het niet wordt uitgevoerd. <br> 7 <p> Klik op het plusteken ( + ) in de buurt van het midden boven de zijbalk naar de galerij venster gadget te openen . Dubbelklik op het pictogram met de naam "Sample Gadget " om de nieuwe gadget te plaatsen op je zijbalk . Het zal de boodschap " Vista Sidebar Gadget ! " Weer te geven in gele letters op een zwarte achtergrond met een witte rand , zoals gespecificeerd in het HTML-bestand . <br> <br></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90> <tr> <td bgColor=#e7edf4 align=middle><script language='javascript' src='/ad/201310/3.js'></script></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90> <tr> <td align=left>Previous: <a class='LinkPrevArticle' href='/programmering/javascript-programming/201309/91138.html' >Hoe kan ik gebruiken iBox ? </a></li> </td> <td align=right>Next: <a class='LinkNextArticle' href='/programmering/javascript-programming/201309/91140.html' >Hoe te berekenen schermresolutie Met Java Script </a></li> </td> </tr> </table> </td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=18> <tr> <td></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=246> <tr> <td height=246 vAlign=top width=199> <table class=bian border=0 cellSpacing=0 cellPadding=0 width=199> <tr> <td height=244 vAlign=top width=197> <table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee> <tr> <td height=29 width="4%"> </td> <td width="96%"><STRONG>JavaScript Programmeren</STRONG></td> </tr> </table> <table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91174.html" title="Tutorial over Javascript Achtergrond Effecten " target="_self">Tutorial over Javascript Achte…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91182.html" title="Hoe te Paint Colors " target="_self">Hoe te Paint Colors </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90899.html" title="Sequentiële effecten in jQuery " target="_self">Sequentiële effecten in jQuer…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90886.html" title="Hoe te shrinksafe gebruiken Met NetBeans " target="_self">Hoe te shrinksafe gebruiken Me…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90849.html" title="Hoe te houden van de JS Prototype Up to Date " target="_self">Hoe te houden van de JS Protot…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90992.html" title="Hoe maak je een DIV Zichtbaar met een Scroll in JavaScript maken " target="_self">Hoe maak je een DIV Zichtbaar …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90907.html" title="Hoe de keuzelijst in JavaScript verbergen " target="_self">Hoe de keuzelijst in JavaScrip…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90928.html" title="Hoe maak je een hyperlink toevoegen aan een bijschrift van LightBox " target="_self">Hoe maak je een hyperlink toev…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90921.html" title="Code voor Verwijzen naar een JS -bestand " target="_self">Code voor Verwijzen naar een J…</a></td></tr><tr></tr></table></td> </tr> </table> </td> <td vAlign=top width=12></td> <td vAlign=top width=375> <table class=bian border=0 cellSpacing=0 cellPadding=0 width=375> <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>Related Articles</STRONG></td> </tr> </table> <table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209> <tr> <td height=201 width="33%"><IMG src="/img_xby/n1.jpg" width=111 height=182></td> <td width="67%"><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96568.html' target="_self">Hoe maak je een Combo Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96567.html' target="_self">Hoe maak je een Check Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96566.html' target="_self">Hoe maak je een tekstvak maken in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96565.html' target="_self">Hoe maak je een optie Box in Visual Basi…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96564.html' target="_self">Hoe maak je een schijf keuzelijst in Vis…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96563.html' target="_self">Hoe kan ik een keuzelijst maken in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96562.html' target="_self">Hoe kan ik een Picture Box Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96561.html' target="_self">Hoe een bestand keuzelijst Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96560.html' target="_self">Hoe kan ik een afbeelding Box Maak in Vi…</a><br></td> </tr> </table> </td> </tr> </table> </td> <td vAlign=top width=8></td> <td vAlign=top width=376> <table class=bian border=0 cellSpacing=0 cellPadding=0 width=375> <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>Programmering Articles</STRONG></td> </tr> </table> <table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207> <tr> <td height=199 width="33%"><IMG src="/img_xby/n2.jpg" width=111 height=182></td> <td width="67%"> <table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/python-programming/201309/93931.html" title="Het automatisch laden Python Afschrijvingslasten Waarschuwingen " target="_self">Het automatisch laden Python Afschrijvin…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/88935.html" title="Hoe kan ik HTML Inline -elementen gebruiken " target="_self">Hoe kan ik HTML Inline -elementen gebrui…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/92855.html" title="Hoe maak je een PHP website Kopieer " target="_self">Hoe maak je een PHP website Kopieer </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/cc-programming/201309/85412.html" title="Hoe kan ik een project in Xcode Maak Van een bestaande map " target="_self">Hoe kan ik een project in Xcode Maak Van…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/91368.html" title="PHP Error Logs in cPanel " target="_self">PHP Error Logs in cPanel </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/95534.html" title="Hoe maak je een DataRelation toevoegen " target="_self">Hoe maak je een DataRelation toevoegen </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/java-programming/201309/90059.html" title="Heeft de Java Virtual Machine Maak Java More or Less Secure Van een System Security perspectief ? " target="_self">Heeft de Java Virtual Machine Maak Java …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/87774.html" title="Hoe te Tijdstempels in Batchbestanden Creëren " target="_self">Hoe te Tijdstempels in Batchbestanden Cr…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/91687.html" title="Hoe je Magic Quotes in PHP Disable " target="_self">Hoe je Magic Quotes in PHP Disable </a></td></tr><tr></tr></table></td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10> <tr> <td></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=57> <tr> <td class=bs background=/img_xby/di.jpg align=center>Copyright © Computer Kennis http://www.nldit.com <script language='javascript' src='/ad/201310/5.js'></script></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10> <tr> <td></td> </tr> </table> </div> </body> </html>