vista sidebar için gadget yapmanın ipuçları...

elzem · *En son elzem tarafından düzenlenmiştir : 13.07.2007 13:37.*

öncelikle şunu belirtmeliyim ki bende bu konuda çok uzman değilim ancak incelediğiniz zaman sizde göreceksiniz ki, web programlama işlerinde biras anladığınız zaman herşeyi yapabilirsiniz...

1. bir klasör oluşturalım!!! (gizli klasörleri göster seçeneği açık olmalı)
c:/kullanıcılar/<sizin adınız>/AppData/Local/Microsoft/Windows Sidebar/Gadgets/
bu klasörün içinde deneme.gadget isimli bi klasör oluşturalım...

2.bir html dosyası oluşturalım deneme.html bu dosya gadgetın görünen kısmını oluşturuyor...

HTML Kodu:

<html>
<head>
    <title>Denemedir Bu PCnet için özel!!!</title>
    <style>
        body
        {
            margin: 0;
            width: 130px;
            height: 65px;
        }
        #gadgetContent
        {
            width: 130px;
            top: 24px;
            text-align: center;
            font-family: Tahoma;
            font-size: 10pt;
            position: absolute;
        }
        #background
        {
            width: 130px;
            height: 65px;
            position: absolute;
            z-index: -1;
            background-repeat: no-repeat;
        }
    </style>
</head>
<body>
    <span
        id="gadgetContent" 
        style="font-family: Tahoma; font-size: 10pt;">
        Denemedir Bu PCnet için özel!!!
    </span>
</body>
</html>

elzem · 13.07.2007, 13:25

3. xml dosyası oluşturun bu dosya gadgetla ilgili bilgileri içerir... gadget.xml dikkat! UTF-8 formatında kayıt edin dosyayı...

Kod:

<?xml version="1.0" encoding="utf-8" ?>
<gadget>
    <name>Deneme Gadget</name>
    <namespace>deneme</namespace> 
    <version>1.0.0.0</version> 
    <author name="Elzem"> 
        <info url="www.pcnet.com.tr" />  
    </author>
    <copyright>© 2006</copyright> 
    <description>bu gadget deneme ama süper</description> 
    <hosts>
        <host name="sidebar">
            <base type="HTML" apiVersion="1.0.0" src="deneme.html" />
            <permissions>Full</permissions>
            <platform minPlatformVersion="1.0" />
        </host>
    </hosts>
</gadget>

elzem · 13.07.2007, 13:37

4.gadget ayarlarını yapabilmek için bir settings.html dosyası oluşturalım...

HTML Kodu:

<html>
<head>
    <style>
        body
        { 
            width: 250px;
            height: 75px;
            font-family: Tahoma;
            font-size: 10px;
        }
    </style>
    <script>
        System.Gadget.onSettingsClosing = settingsClosing;
        function loadSettings()
        {
            var currentSetting = System.Gadget.Settings.read("variableName");
            if (currentSetting != "")
            {
                envVar.innerText = currentSetting;
            }
        }
        
        function settingsClosing(event)
        {
            if (event.closeAction == event.Action.commit)
            {
                variableName = envVar.value;
                System.Gadget.Settings.write("variableName", variableName);
            }
        }
    </script>
</head>

<body onload="loadSettings()">
    <label for="deneme">Deneme Ayarlar:</label><br />
    <input type="text" name="deneme" id="deneme" length="40" />
</body>
</html>

değişik buton yada özellikler ekleyebilirisiniz.

JaMaL · 13.07.2007, 14:15

İyi Güzel de kardeş, hepsini tek bir mesajda yazsan daha iyi olurdu.

WayneJunction · 13.07.2007, 17:28

Elinize sağlık elzem . İyi bir bilgilendirme olmuş.

İyi günler.