Dynamisch gepatchtes HTML
Die am Ende von »myx10.tmpl« in Abbildung 3 eingebundene Javascript-Datei »myx10.js« (Abbildung 4) definiert die Funktion »update_buttons()«. Der Browser ruft sie gleich nach dem Laden des Dokuments auf. Jedes Gerät erhält damit nicht nur einen Eintrag in der HTML-Tabelle (Abbildung 2), sondern wird mit
x10remote(device, 'status');
auch angesprochen. Der Javascript-Code nutzt dafür die Methode »YAHOO.util.Dom.getElementsByClassName()« der YUI, die alle gefundenen DOM-Knoten liefert, die mit dem Attribut »class="clicker"« gekennzeichnet sind.
Um den Status eines in »/etc/x10.conf« konfigurierten X10-Empfängers zu erhalten, ruft der Browser für jeden definierten Button asynchron das CGI-Skript mit den Parametern »device=Kürzel« und »action=Status« auf. Danach sieht »myx10.cgi« auf dem Server in seiner Dbm-Datei nach und gibt den letzten dort hinterlegten Zustand des gewünschten X10-Geräts entweder als »on« oder »off« zurück.
Dynamisch einfärben
Die Javascript-Datei »myx10.js« zeigt die Knöpfe der eingeschalteten X10-Empfänger grün, die der deaktivierten dagegen rot an. Das ist die Hauptaufgabe der Methode »setStyle()« der Klasse »Yahoo.dom«, die den Namen eines Objekts der Browser-DOM zuerst entgegennimmt, dann das fragliche Objekt heraussucht und anschließend das »BackgroundColor«-Attribut des CSS-Stylesheet modifiziert.
Beim ersten Laden der vom CGI-Skript generierten HTML-Seite sind die Knöpfe zunächst alle farblos. Erst die Methode »update_buttons()« setzt für jeden Knopf einen Ajax-Request an den Server ab, der den im Dbm-File gespeicherten Zustand des zugehörigen Geräts holt. Trifft die Antwort auf einen dieser asynchronen Requests ein, überprüft die Methode, ob sie den Statuscode »on« beziehungsweise »off« enthält. Entsprechend wird der zugehörige Knopf eingefärbt.
Damit der Javascript-Code auch bei Dutzenden gleichzeitiger Requests übersichtlich bleibt, kommt der Connection-Manager der YUI zum Einsatz. Drückt der Benutzer mit der Maus auf einen der dargestellten Knöpfe, springt der Browser dessen »OnClick()«-Routine an. Die frischt zunächst die Statuszeile mit einer Nachricht wie »Request: device on« auf, um dann mit Hilfe des Connection-Managers einen Ajax-Request an den Server abzufeuern.
| Whitepaper |
|---|
|
Daten Migration - Eine Publikation von Bloor Research
Datenmigrationsprojekte überschreiten häufig das Budget, neigen zu Verzögerung und werden unter Umständen komplett abgebrochen. Bloor Research ist eines der weltweit führenden IT-Forschungs-, Analyse- und Beratungsunternehmen und wird in dem vorliegenden White Paper die wichtigsten Aspekte dieser Problematik näher beleuchten. Ferner werden praktische Empfehlungen für erfolgreiche Migrationsprojekte gegeben, die Sie auf Ihr nächstes Projekt übertragen können.
Download PDF (Registrierung erforderlich)
|
|
Open Source Datenintegration in der Praxis: Fallstudien und Anwendungsbeispiele
Über die letzten Jahre hinweg haben sich Open Source Lösungen als fester Bestandteil des gesamten Datenintegrationsmarktes etabliert. Viele Unternehmen haben bereits das Open Source Modell für Ihre Datenintegrationsprojekte aufgegriffen. Das vorliegende White Paper illustriert anhand ausgewählter Fallstudien und Anwendungsbeispiele die Implementierung von Open Source Datenintegration in der Praxis und benennt die daraus resultierenden Vorteile.
Download PDF (Registrierung erforderlich)
|
Dieser Online-Artikel kann Links enthalten, die auf nicht mehr vorhandene Seiten verweisen. Wir ändern solche "broken links"
nur in wenigen Ausnahmefällen. Der Online-Artikel soll möglichst unverändert der gedrucken Fassung entsprechen.
|
