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

Größe: px

Ab Seite anzeigen:

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

Sven Kurzmann
vor 7 Jahren
Abrufe

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

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

3 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

4 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>

5 ActiveX Document Beispiel Word-Datei im IE öffnen BEISPIEL VORFÜHREN!!! siehe

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

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

8 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

9 ActiveX Control Beispiel Mit ActiveX Control Pad BEISPIEL VORFÜHREN! siehe

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

11 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

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

13 DOM grafische Interpretation vom DOM der Tabelle

14 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

15 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)

16 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

17 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 ;

18 DHTML Beispiel 1 Text hüpft über den Bildschirm BEISPIEL VORFÜHREN!!! siehe

19 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);

20 DHTML Beispiel 2 - Behavior Tabelle sortieren BEISPIEL VORFÜHREN!!! siehe DHTML-Behavior.htm

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

22 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. )

23 Sprachausgabe Beispiel Text wird nach Eingabe im Textfeld vorgelesen. BEISPIEL VORFÜHREN!!! siehe

24 E N D E anke für Eure Aufmerksamkeit! DOWNLOAD: -> BWL-Studium -> Arbeiten

Ähnliche Dokumente

Anwender- dokumentation

Anwender- dokumentation Conrad wanlo, Edy Luis, Rachid Aegoudhoum 1 Inhaltsverzeichnis Inhalt... 2 Einführung... 3 Systemvoraussetzungen... 3 Browserauswahl... 3 Browserkonfiguration... 3 Konfiguration