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

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

Oliver SpritzendorferThomas Fekete

ActiveXActiveX

• Technologie für ausführbaren Programmcode auf Web-Seiten

• wiederverwendbare Softwarekompononente

• standardisierte Schnittstelle

ActiveX ScriptingActiveX 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 DocumentsActiveX 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 BeispielActiveX Document Beispiel

• Word-Datei im IE öffnen

• BEISPIEL VORFÜHREN!!!

• siehe www.feke.at/scripting/beispiele/activeX-documents.htm

ActiveX ControlsActiveX Controls

• ActiveX Controls sind Programme oder Programm-Module

• in HTML-Dateien als Objekt eingebunden

• nur von MS Internet Explorer unterstützt

ActiveX ControlsActiveX 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ührungActiveX 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 BeispielActiveX Control Beispiel

• Mit ActiveX Control Pad

• BEISPIEL VORFÜHREN!

• siehe www.feke.at/scripting/ActiveX-Control-Rexx.htm

ActiveX Control Ansteuerung ObjectRexxActiveX Control Ansteuerung ObjectRexx

• <SCRIPT LANGUAGE="Object Rexx" FOR="CommandButton1" Event="MouseDown(Button,Shift,X,Y)">

TextBox1~Text = "HELLO WORLD!"

• </SCRIPT>

DOM (Document Object Model)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

• DOM basiert auf der Objekt Struktur eines Dokumentes

• Bsp.:

DOMDOM

• grafische Interpretation vom DOM der Tabelle

DOMDOM

• 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 DHTML (Dynamic Hyper Text Markup Language)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)

DHTMLDHTML

• 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 - HTMLAnsprechen 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 1DHTML Beispiel 1

• Text hüpft über den Bildschirm


• siehe www.feke.at/scripting/beispiele/dhtml-text-objectrexx.htm

DHTML BehaviorDHTML 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 - BehaviorDHTML Beispiel 2 - Behavior

• Tabelle sortieren


• siehe www.feke.at/scripting/beispiele/ DHTML-Behavior.htm

Sprachausgabe im IESprachausgabe im IE

• Voraussetzung: Speech Engine am System installiert

• Kostenlose Speech Engine -> Microsoft Speech Development Kit 5.1

EinbindungEinbindung

• 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 BeispielSprachausgabe Beispiel

• Text wird nach Eingabe im Textfeld vorgelesen.


• siehe www.feke.at/scripting/beispiele/simpletts-rexx.htm

E N D EE N D E

Danke für Eure Aufmerksamkeit!

DOWNLOAD: www.tommi.at -> BWL-Studium -> Arbeiten

http://www.tommi.at/