Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- programmieren:ms_gadgets [16/01/2021 17:58] – conny
+++ programmieren:ms_gadgets [16/01/2021 18:17] (aktuell) – conny
@@ Zeile 1: / Zeile 1: @@
-===== Microsoft Gadgets selbst programmieren =====
+===== Microsoft Gadgets =====
+==== Microsoft Gadgets selbst programmieren ====
 <WRAP center round tip 60%>
 Wenn man die Minianwendungen (Gadgets) auf dem Desktop könnte man meinen, dass sich dahinter eine recht komplexe Technologie verbirgt. Tatsächlich aber ist es gar nicht so schwer, eigene Gadgets zu erstellen.
@@ Zeile 9: / Zeile 9: @@
 Um Gadgets erstellen zu können braucht man nur etwas HTML, CSS, JS Kenntnisse.
-Man erstellt zwei Dateien. Eine als Manifest bezeichnete XML Datei und eine HTML Datei für das was angezeigt werden soll.
+Man erstellt minimal zwei Dateien. Eine als Manifest bezeichnete XML Datei und eine HTML Datei für das was angezeigt werden soll. Evlt. noch eine für die Einstellungen (wird aber am Anfang nicht benötigt)
 ==== Die XML-Manifest-Datei ====
@@ Zeile 37: / Zeile 37: @@
 </code>
-Das entscheidende Element ist die src-Angabe <base type=“HTML“ apiVersion=“1.0.0″ src=“datei.html“ />, welche die HTML-Datei des Gadgets bezeichnet.
+Das entscheidende Element ist die src-Angabe <base type=“HTML“ apiVersion=“1.0.0″ src=“index.html“ />, welche die HTML-Datei des Gadgets bezeichnet.
 Alles andere ist aber für das Funktionieren des Gadgets nicht unbedingt erforderlich.
@@ Zeile 53: / Zeile 53: @@
 |base src|Verweis auf die HTML-Datei mit dem Inhalt des Gadgets|
+<WRAP center round info 99%>
+Original Beschreibung von Microsoft:\\
+https://docs.microsoft.com/en-us/previous-versions/windows/desktop/sidebar/-sidebar-entry
+</WRAP>
 ==== Die Gadget-Datei ====
@@ Zeile 141: / Zeile 144: @@
 </code>
+===== Beispiel =====
+<code xml gadget.xml>
+<?xml version="1.0" encoding="utf-8" ?>
+    <gadget>
+    <name>Link-Anzeige</name>
+    <namespace>windowspage.windows</namespace>
+    <version>1.0.0.0</version>
+    <author name="Windowspage">
+        <info url="www.windowspage.de" />
+    </author>
+    <copyright>&#169; 2007</copyright>
+    <description>Zeigt einen Link in der Windows-Sidebar an.</description>
+    <hosts>
+        <host name="sidebar">
+           <base type="HTML" apiVersion="1.0.0" src="LinkLabel.html" />
+           <permissions>Full</permissions>
+           <platform minPlatformVersion="1.0" />
+        </host>
+    </hosts>
+</gadget>
+</code>
+<code html Linklabel.html>
+<html>
+  <head>
+    <title>Link-Anzeige</title>
+    <style>
+        body { margin: 0; width: 130px; height: 65px; position: absolute; }
+        #gadgetLink { 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>
+    <script>
+        var defaultLink = "www.windowspage.de";
+        var variableLink = "www.windowspage.de";
+        <!-- Show settings check mark-->
+        System.Gadget.settingsUI = "settings.html";
+        System.Gadget.onSettingsClosed = settingsClosed;
+        function setContentText()
+        {
+            if (!variableLink)
+            {
+                variableLink = defaultLink;
+            }
+            var envLink = "<a href=http://\""+variableLink+"\" target=\"_blank\">"+variableLink+"</a>";
+            gadgetLink.innerHTML = envLink;
+        }
+        function settingsClosed(event)
+        {
+            if (event.closeAction == event.Action.commit)
+                {
+                    variableLink = System.Gadget.Settings.read("variableLink");
+                    setContentText();
+                }
+        }
+    </script>
+  </head>
+  <body onload="setContentText();">
+    <div id="gadgetLink"></div>
+    <g:background/>
+  </body>
+</html>
+</code>
+<code html settings.html>
+<html>
+    <head>
+    <style>
+        body { width: 500px; height: 75px; }
+    </style>
+    <script>
+        System.Gadget.onSettingsClosing = settingsClosing;
+        function loadSettings()
+        {
+            var currentSetting = System.Gadget.Settings.read("variableLink");
+            if (currentSetting != "")
+            {
+                envVarLink.innerText = currentSetting;
+            }
+        }
+        function settingsClosing(event)
+        {
+            if (event.closeAction == event.Action.commit)
+            {
+                variableLink = envVarLink.value;
+                System.Gadget.Settings.write("variableLink", variableLink);
+            }
+        }
+    </script>
+    </head>
+    <body onload="loadSettings()">
+    <label for="envVar">URL (ohne http://):</label><br />
+    <input type="text" name="envVarLink" id="envVarLink" size="40" />
+    </body>
+</html>
+</code>