ActiveX Scripting – IE und DHTML (DOM): Architektur, Beispiele (Object Rexx)

ActiveX Scripting – IE und DHTML (DOM): Architektur, Beispiele (Object Rexx) Oliver Spritzendorfer Thomas Fekete

ActiveX • Technologie für ausführbaren Programmcode auf Web-Seiten • wiederverwendbare Softwarekompononente • standardisierte Schnittstelle

ActiveX Scripting • 2 Hauptkategorien: • ActiveX Scripting Engine • ActiveX Scripting Host • erlaubt es jede beliebige Scripting Engine in den Host zu geben • jede beliebige Scripting Sprache kann verwendet werden • Bsp. für Host: MS Internet Explorer

ActiveX Documents • Dokument das ActiveX Control, Java Applet oder Document Object enthält • MS Word oder MS Excel Dateien direkt im Browser öffnen <body> <a href = “word.doc“> Word Dokument word.doc öffnen</a> </body>

ActiveX Document Beispiel • Word-Datei im IE öffnen • BEISPIEL VORFÜHREN!!! • siehe www.feke.at/scripting/beispiele/activeX-documents.htm

ActiveX Controls • ActiveX Controls sind Programme oder Programm-Module • in HTML-Dateien als Objekt eingebunden • nur von MS Internet Explorer unterstützt

ActiveX Controls • Erstellung in beliebiger Programmiersprache • Compiler muss COM unterstützen • Einbindung in Web Seite mit HTML-Tag <OBJECT> und dem <PARAM> Tag

ActiveX Controls Ausführung • ActiveX Controls werden aus Internet heruntergeladen • lokal am Client-Rechner ausgeführt • Überprüfung ob ActiveX Control schon am Rechner • Mit CLSID Attribut vom <OBJECT> Tag • Zertifikat-Fenster wird geöffnet

ActiveX Control Beispiel • Mit ActiveX Control Pad • BEISPIEL VORFÜHREN! • siehe www.feke.at/scripting/ActiveX-Control-Rexx.htm

ActiveX Control Ansteuerung ObjectRexx • <SCRIPT LANGUAGE="Object Rexx" FOR="CommandButton1" Event="MouseDown(Button,Shift,X,Y)"> TextBox1~Text = "HELLO WORLD!" • </SCRIPT>

DOM (Document Object Model) • von W3C entwickelt • Beschreibt Verhalten, Zugriff und Behandlung von Objekten/Elementen eines HTML- oder XML-Dokumentes • Innerhalb von DHTML übernimmt DOM die Regelung des Zugriffs auf einzelne Objekte

DOM • DOM basiert auf der Objekt Struktur eines Dokumentes • Bsp.:

DOM • grafische Interpretation vom DOM der Tabelle

DOM • Baum zeigt keine Datenstruktur, sondern Objekte, die Funktionen und Identitäten haben • DOM definiert: • Schnittstellen und Objekte, die verwendet werden um ein Dokument anzuzeigen und zu manipulieren • Verhalten und Attribute der Schnittstellen • Die Beziehungen und die Interaktion zwischen diesen Schnittstellen und Objekten • DOM definiert nicht welche Informationen relevant sind oder wie Informationen strukturiert sind

DHTML (Dynamic Hyper Text Markup Language) • um eine Seite zu verändern nachdem Server diese Seite an den Browser gesendet hat • Verknüpfung von: • HTML • CSS (Cascading Style Sheets) • einer Scriptsprache (z.B. JavaScript) • DOM (Document Object Model)

DHTML • Mit DHTML lassen sich unterschiedliche Effekte realisieren wie z.B.: • einen Text oder ein Bild im angezeigten HTML Dokument verstecken und erst nach einer bestimmten Zeit oder nach einer Benutzeraktion anzeigen • Text und Bilder animieren • Eine Tabelle sortieren

Ansprechen eines Objektes - HTML • Bsp.: 7. Element auf HTML Seite Farbe Blau • 1. Methode (mit Index): window.document.all(7).style.color=`blue`; • 2. Methode (mit Namen): window.document.all(`Maxi`).style.color=´blue´; • 3. Methode (ohne Objektbaum) Maxi.style.color=´blue´;

DHTML Beispiel 1 • Text hüpft über den Bildschirm • BEISPIEL VORFÜHREN!!! • siehe www.feke.at/scripting/beispiele/dhtml-text-objectrexx.htm

DHTML Behavior • Ab Internet Explorer 5.0 • Möglichkeit dynamische HTML Website erstellen • Einbindung ohne <script> - Tag • Einbindung durch CSS Attribut (dessen Name behavior ist) • Bsp.: style="behavior:url(tableAct.htc);“

DHTML Beispiel 2 - Behavior • Tabelle sortieren • BEISPIEL VORFÜHREN!!! • siehe www.feke.at/scripting/beispiele/ DHTML-Behavior.htm

Sprachausgabe im IE • Voraussetzung: Speech Engine am System installiert • Kostenlose Speech Engine -> Microsoft Speech Development Kit 5.1

Einbindung • MS SDK funktioniert als COM Objekt und kann in Object Rexx über Object Rexx OLE angesprochen werden • Object Rexx Erzeugung des OLE Speech Objekts: VoiceObj = OLEObject~New(“SAPI.SpVoice“) • Speech Engine sprechen lassen: VoiceObj~Speak (“Hello World.”)

Sprachausgabe Beispiel • Text wird nach Eingabe im Textfeld vorgelesen. • BEISPIEL VORFÜHREN!!! • siehe www.feke.at/scripting/beispiele/simpletts-rexx.htm

E N D E Danke für Eure Aufmerksamkeit! DOWNLOAD: www.tommi.at -> BWL-Studium -> Arbeiten

ActiveX Scripting – IE und DHTML (DOM): Architektur, Beispiele (Object Rexx)