Oliver Spritzendorfer Thomas Fekete ActiveX Scripting – IE und DHTML (DOM): Architektur, Beispiele (Object Rexx) Oliver Spritzendorfer Thomas Fekete
Technologie für ausführbaren Programmcode auf Web-Seiten ActiveX Technologie für ausführbaren Programmcode auf Web-Seiten wiederverwendbare Softwarekompononente standardisierte Schnittstelle
erlaubt es jede beliebige Scripting Engine in den Host zu geben 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
Dokument das ActiveX Control, Java Applet oder Document Object enthält 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 sind Programme oder Programm-Module in HTML-Dateien als Objekt eingebunden nur von MS Internet Explorer unterstützt
Erstellung in beliebiger Programmiersprache 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 basiert auf der Objekt Struktur eines Dokumentes Bsp.:
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)
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´;
Text hüpft über den Bildschirm BEISPIEL VORFÜHREN!!! DHTML Beispiel 1 Text hüpft über den Bildschirm BEISPIEL VORFÜHREN!!! siehe www.feke.at/scripting/beispiele/dhtml-text-objectrexx.htm
Möglichkeit dynamische HTML Website erstellen 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
Voraussetzung: Speech Engine am System installiert Sprachausgabe im IE Voraussetzung: Speech Engine am System installiert Kostenlose Speech Engine -> Microsoft Speech Development Kit 5.1
Erzeugung des OLE Speech Objekts: Speech Engine sprechen lassen: 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
Danke für Eure Aufmerksamkeit! E N D E Danke für Eure Aufmerksamkeit! DOWNLOAD: www.tommi.at -> BWL-Studium -> Arbeiten