Home Hardware Networking Programmazione Software Domanda Sistemi
Conoscenza Informatica >> Programmazione >> Programmazione Javascript >> .

Come creare una Vista Sidebar Gadget

rilascio di Microsoft Windows Vista è stato il suo primo lancio nuovo sistema operativo in oltre cinque anni . Vista seguita Windows XP e comprendeva una serie di nuove funzionalità progettate per la facilità d' uso e il miglioramento estetico . Nuove funzionalità di Vista variava da superficiali , come in una nuova serie di effetti sonori predefiniti , ad architettura , come in cambiamenti nel kernel del sistema operativo per migliorare la stabilità . Una caratteristica che ha guadagnato l'attenzione è stato il nuovo Windows Sidebar , una zona del desktop che visualizza piccoli programmi chiamati "gadget ". Anche un programmatore dilettante può creare un semplice gadget sidebar di Vista utilizzando un po 'di codice JavaScript e HTML e .
Istruzioni Creare la Vista Sidebar Gadget
1

Fare clic su " Start" poi su " Documenti " per aprire una finestra di Esplora risorse . Fare clic su " File ", " Nuovo ", "Cartella" per creare una nuova cartella in documenti che conterranno i file per il gadget . Il nome " SampleGadget.Gadget " ( senza le virgolette) .
2

Fare clic su " Start", " Tutti i programmi ", " Accessori ", " Blocco note " per aprire il Blocco note .

3

Digitare il seguente codice per il file manifesto del gadget in Blocco note : < ? xml version = " 1.0 " encoding = "utf - 8" >



Gadget esempio < /name>

1.0.0.0 < /version >

campione semplice Vista sidebar Gadget . < /description >



< tipo di base = apiVersion " HTML " = " 1.0.0 " src = " SampleGadget.html " />

completa


< /host >


< /gadget >

Fare clic su " File " e poi " Salva con nome ". In "Nome file" tipo di dialogo " gadget.xml " ( senza le virgolette) . Nell'elenco "Salva come " selezionare " Tutti i file ( * . *) . " Nella lista " Codifica " selezionare " UTF-8 ". Nella barra degli indirizzi o il riquadro delle cartelle , selezionare la nuova cartella creata nel passaggio 1 e fare clic sul pulsante "Salva " per salvare il file manifesto .
4

cancellare il contenuto di Blocco note e digitare il dopo il codice per il file HTML del gadget :




campione Vista Gadget < /title> <br> <p > <style type="text/css"> <br> <p> corpo <br> <p> { margin <br> <p> : 0 ; <br> <p> larghezza : 130px ; <br> altezza <p> : 90px ; <br> <p> font-family : Arial ; <br> <p> font- weight: bold ; <br> <p> font-size : 20px ; <br> <p> } <br> <p> # main <br> <p> { margin <br> <p> : 10px , 10px , 10px , 10px ; <br> <p> larghezza : 110px ; <br> <p> vertical-align : medio; <br> <p> text- align: center ; <br> <p> overflow: hidden ; <br> <p> } <br> <p> < /style > <br> <p> < , tipo di script = "text /javascript" > <br> <p> funzione Avvio ( ) per <p> { <br> <p> //pulizia avvio va qui , per esempio : <br> <p > //Set riferimento principale elemento div <br> <p> theDiv var = document.getElementById ( 'main '); <br> <p> //Imposta il colore di sfondo in stile <br> <p> theDiv.style . backgroundColor = ' nero '; <br> <p> //Imposta il colore del testo in stile <br> <p> theDiv.style.color = 'giallo' ; <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 > un Click <p> " File ", "Salva con nome ". In "Nome file" tipo di dialogo " SampleGadget.html " ( senza le virgolette) . Nell'elenco "Salva come " selezionare " Tutti i file ( * . *) . " Nella lista " Codifica " selezionare " UTF-8 ". Verificare che Notepad sta ancora salvando nella nuova cartella creata e fare clic sul pulsante "Salva" per salvare il file HTML . <br> Installare la Vista Sidebar Gadget <br> 5 <p> Evidenziare il nome della cartella nella finestra di Windows Explorer aperto nel passaggio 1 . Premere il tasto " Ctrl " e il tasto "C" contemporaneamente per copiare la cartella e il suo contenuto nei tuoi appunti. Navigare nella finestra di Esplora risorse in C: \\ Program Files \\ Windows Sidebar \\ Gadgets \\ e premere il tasto " Ctrl " e il tasto "V" contemporaneamente per incollare la cartella e il suo contenuto . Potrebbe essere necessario fornire la password dell'amministratore e va bene l'operazione di copia , a seconda delle impostazioni di sicurezza di Vista . <br> 6 <p> Fare clic su " Start", " Tutti i programmi ", " Accessori ", " Windows Sidebar " per avviare la barra laterale , se non è già in esecuzione . <br> 7 <p> Fare clic sul segno più ( + ) vicino al centro della parte superiore della barra laterale per aprire la finestra galleria del gadget . Fare doppio clic sull'icona denominata " Gadget campione" per posizionare il nuovo gadget sulla sidebar. Verrà visualizzato il messaggio " Vista Sidebar Gadget! " nel tipo giallo su uno sfondo nero con un bordo bianco , come specificato nel file HTML . <br> <br> <ul class="mhjkhjlj"> <li> <a class='LinkPrevArticle' href='/Programmazione/Programmazione-Javascript/1182276.html' >Come si usa iBox </a></li> <li> <a class='LinkNextArticle' href='/Programmazione/Programmazione-Javascript/1182280.html' >Come calcolare la risoluzione dello schermo con Java Script </a></li> </ul> <div class="deep"> <div class="guanggadsadswqew"><script language='javascript' src='/AD/it3.js'></script></div> <div class="guanggadsadswqew1"></div> </div> <div class="xiangguanleitong"> <div class="vbfdghgjt65f"><h4>Informazioni correlate</h4></div> <ul> <li><a href="/Programmazione/Computer-Programming-Languages/1176176.html" target="_blank">Guida per la Programmazione Batch </a></li><li><a href="/Programmazione/PHP--MySQL-Programmazione/1186078.html" target="_blank">Come imparare PHP Web Design </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182110.html" target="_blank">Come cambiare sfondo della tabella colori con Javascript </a></li><li><a href="/Programmazione/Java-Programming/1180906.html" target="_blank">Come ottenere un riferimento a un thread Java </a></li><li><a href="/Programmazione/Perl-Programming/1186652.html" target="_blank">Come leggere più di una riga alla volta in Perl </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1175980.html" target="_blank">Come fare un Sequence Diagram UML </a></li><li><a href="/Programmazione/C--C-----Programming/1172120.html" target="_blank">Come eseguire C Programma in Visual Studio </a></li><li><a href="/Programmazione/PHP--MySQL-Programmazione/1185342.html" target="_blank">Lo stipendio medio di uno sviluppatore PHP </a></li> </ul> </div> </div> </div> <div class="woshiyouleirog"> <div class="zxtjianasd"> <div class="bidssdfjm3"><h4>Articoli consigliati</h4></div> <div class="dasdcdfurit33"> <ul> <li><a href="/Programmazione/Programmazione-Javascript/1182074.html" target="_blank">Come stampare con JavaScript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182056.html" target="_blank">Come cambiare sfondo a colori HTML con un prompt in Javascript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182102.html" target="_blank">Come aggiungere stringhe in Javascript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182252.html" target="_blank">Come bloccare IE6 </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181992.html" target="_blank">Come visualizzare un tag in Javascript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182124.html" target="_blank">Come modificare testo HTML con variabili JavaScript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181504.html" target="_blank">Come codificare i parametri in AJAX </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182558.html" target="_blank">Come installare script per Greasemonkey </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181746.html" target="_blank">Come aprire i file Javascript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182324.html" target="_blank">Come utilizzare JavaScript e PHP in validazione Form </a></li> </ul> </div> </div> <div class="guanggandgsa32a"> </div> <div class="huosirengs"> <li><a class='childclass' href='/Programmazione/C--C-----Programming/' target="_self">C /C + + Programming</a></li> <li><a class='childclass' href='/Programmazione/Computer-Programming-Languages/' target="_self">Computer Programming Languages</a></li> <li><a class='childclass' href='/Programmazione/Delphi-Programming/' target="_self">Delphi Programming</a></li> <li><a class='childclass' href='/Programmazione/Java-Programming/' target="_self">Java Programming</a></li> <li><a class='childclass' href='/Programmazione/Programmazione-Javascript/' target="_self">Programmazione Javascript</a></li> <li><a class='childclass' href='/Programmazione/PHP--MySQL-Programmazione/' target="_self">PHP /MySQL Programmazione</a></li> <li><a class='childclass' href='/Programmazione/Perl-Programming/' target="_self">Perl Programming</a></li> <li><a class='childclass' href='/Programmazione/Python-Programming/' target="_self">Python Programming</a></li> <li><a class='childclass' href='/Programmazione/rubino-Programmazione/' target="_self">rubino Programmazione</a></li> <li><a class='childclass' href='/Programmazione/Nozioni-di-base-di-Visual-Programming/' target="_self">Nozioni di base di Visual Programming</a></li> </div> </div> </div> <div class="dsadsafa-da"> <p class="sdqwfwe42">  </p> <p class="vbnhg654">Programmazione © www.354353.com</p> <p class="iop8iud"> </p> </div> </div> </body> </html>