View
106
Download
4
Category
Preview:
Citation preview
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
• BEISPIEL VORFÜHREN!!!
• 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
• BEISPIEL VORFÜHREN!!!
• 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.
• BEISPIEL VORFÜHREN!!!
• 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
Recommended