Das Ziel. Frage: Welche Wege gibt es dazu?
|
|
|
- Reinhold Richter
- vor 8 Jahren
- Abrufe
Transkript
1 Dokumentenmodell
2 Das Ziel Ziel Verändern des Dokuments Hinzufügen, Entfernen, Verändern von Inhalt und / oder Darstellung Sofortiges oder kontrollierbares Reflow erwartet Möglicherweise Triggern durch User-Interaktion (Pull Metapher) Möglicherweise Triggern durch Server (Push Metapher) Frage: Welche Wege gibt es dazu? 2
3 Mittel zur Veränderung eines Dokuments innerhtml innerhtml-eigenschaft eines Elements und damit seinen Inhalt überschreiben Class und Style Modifikation Attribute verändern, dadurch Aussehen verändern oder Inhalte schalten Javascript Dokumenten-Schnittstelle Das document Objekt in Javascript verändern Multipart Mime Type Mehrteilige Dokumente versenden und damit Inhalte updaten DOM API Direkte Manipulation der (semi)standardisierten OO-Darstellung des Dokuments 3
4 Mittel zur Dynamisierung von Dokumenten Server Side: Die Initiative liegt beim Server Multipart Mime Type Slow Load Polling (push) Client Side: Die Initiative liegt beim User / Client Meta Tag Refresh XHR request Javascript basierter URL Wechsel speziell: onload Handler Chaining im Dokument (pull) 4
5 innerhtml
6 innerhtml Die meisten HTMLElemente besitzen ein Attribut innerhtml Lesen Zeigt enthaltenen HTML Text an Je nach Browser: Fehlerkorrigiert (dh. mit korrekter Tag Schachtelung) Schreiben Eingeschriebener Text wird als HTML geparsed Neues Reflow und Anzeige Beispiel HTML Dokument habe ein Element <div id="bsp">etwas ">Et Text</div> document.getelementbyid("bsp").innerhtml = "Nun <b>fetter</b> Text"; 6
7 Bewertung Nicht völlig standardisiert, aber breit unterstützt Erst ab Firefox 1.5 auch bei XHTML Dokumenten unterstützt Arbeit mit Strings produziert unübersichtlichen Code in der Skripting Sprache innerhtml ist schneller als DOM Methoden (Faktor 3 5) Siehe 7
8 weitere Verwandte Explorer unterstützt auch noch 3 Verwandte outerhtml Enthält auch noch den Text des umschließenden Tags innertext Enthält nur den Text, keine darin enthaltenen Tags In Firefox: textcontent genannt outertext Wie innertext, ersetzt aber das komplette Element beim Überschreiben 8
9 Beispiel <HTML> <BODY> <p id="mytext" onmouseout="mytext.innertext='short description';" onmouseover="mytext.innertext='longer description of the same item using DHTML for IE.';" > Short description </p> </BODY> </HTML> 9
10 Class und Style Modifikationen
11 class versus style Modifikation Class Modifikation: Erlaubt Definition von Skins Dokument nutzt vordefinierte Class-Namen Ist robuster als Style Modifikation Style Modifikation: Erlaubt computed Style Auch client-side computed Style Erlaubt Abhängigkeit von client-side Kontext Bsp: Fenstergröße, Resize-Events 11
12 class und style Modifikation Vorgehen Das Class Attribut eines Elements kann Script-basiert modifiziert werden Das Style Attribut eines Elements kann Script-basiert modifiziert werden Praktisch das gesamt Layout kann zur Laufzeit modifiziert werden! Beispiele var x = document.getelementbyid("bsp"); x.classname = "neuerklassennamedesgeladenencss"; x.style.color = "#FF00FF"; // ändert Textfarbe x.style.fontsize = "10pt"; // ändert Fontgröße x.style.display l = "none";" // macht unsichtbar x.style.top = "100px"; // verschiebt Beachte Fragilität des Instruments! 12
13 visibility und display Attribute visibility: Kann Element unsichtbar schalten Element bleibt an seinem Platz im Layout display: Kann Element unsichtbar schalten Element wird aus seinem Platz im Layout entfernt position: Absolute Positionierung Relative Positinierung (bezgl. vorangehendem Element) 13
14 Schalt-Verfahren für GUI AJAX GUI ist oft dynamisch aufgebaut Problem: Lösung: Latenzzeit Schaltbare GUI Alle Elemente einer GUI mit der HTML-Seite übertragen Bei User-Interaktion einfach zwischen den einzelnen Sichten umschalten Benutzbare Techniken visibility / display Attribute z-order Technik Frame-Technik 14
15 n-stabiles Widgets Ein n-stabile Widgets haben n verschiedene stabile Zustände im Verhalten Schalter mit 2 Positionen 2-stabiles Widget Schalter mit 2 Positionen und Disable 3-stabiles Widget Implementieren durch Umsetzen von class-werten 15
16 Javascript Dokumenten Schnittstelle
17 Vorhandene Aufrufe Zugriff von Javascript auf das Dokument in textueller Darstellung open() Öffnet Dokument zum Neubeschreiben Wenn vorher HTML Datei geladen war, vorher ein close() durchführen close() Schließt Dokument-Objekt write() Schreibt Text in das Dokumenten-Objekt writeln() Erzeugt nach dem Schreiben einen Zeilenumbruch 17
18 Anwendung Reines write Ergänzt das Dokument Nur innerhalb des Dokuments, das gerade geparsed wird, dh. innerhalb von eingebetteten <script> Tags open write close Zyklus Schreibt in ein anderes Fenster Aus einem fremden Dokument heraus (zb einem Event Handler) open optional, automatisch aufgerufen, wenn in existentes Dokument geschrieben close nötig, damit Browser die "load indication" entfernt open kann auch neue MIME Type öffnen document.open("text/plain"); t/ ") 18
19 Beispiel 1 <html> <head> <title>test</title> </head> <body> <script type="text/javascript"> DeinName = prompt("bitte Deinen Namen angeben:", "Name"); document.write("<b>hallo " + DeinName + "<\/b>"); </script> </body> </html> 19
20 Beispiel 2 <script> var today = new Date( ); document.write("<p>document accessed on: " + today.tostring( )); document.write("<br>document modified on: " +document.lastmodified); </script> 20
21 Beispiel 3 <script> // Start new document, erase any content already in frames[0] parent.frames[0].document.open( ); // Add some content to the document parent.frames[0].document.write("<hr>hello from your sibling frame!<hr>"); // Close the document when we're done parent.frames[0].document.close( ); </script> 21
22 Beispiel 4 <script> var _console = null; function debug(msg) { if ((_console == null) (_console.closed)) { _console=window.open("","console","width=600,height=300,resizable"); _console.document.open("text/plain"); } _console.focus( ); _console.document.writeln(msg); // not closing allows later append } </script> Anwendung: <script>var n = 0;</script> <form> <input type="button" value="push Me" onclick="debug('you have pushed me:\t' + ++n + ' times.');"> </form> 22
23 Bewertung Stark eingeschränkt Nur Erweiterung des Dokuments Typische Anwendung Live Query Responses Web-Chat Einfache Erweiterungen des Dokuments Multi-Frame / Multi-Window Anwendungen 23
24 Multipart Mime Type
25 Mime Type und Multipart MIME Type Angabe des Dateityps in verschiedenen Internet Protokollen Bsp: Content-type: text/html Spezifikation durch Content-Type: multipart/mixed; boundary=separatorstring separatorstring taucht außer zur Trennung der Teile nicht auf Teileabgrenzung durch --separatorstring Beachte: Sehr sensibel auf exakte Einhaltung der Codierung (auch: CR, LF) Library nutzen oder nach dem RFC Standard programmieren 25
26 Beispiel Datei MIME-Version: 1.0 Content-type: multipart/mixed; boundary=23xx1211 CRLF --23xx1211 Content-type: text/html CRLF Erster Teil (HTML Daten) --23xx1211 Content-type: type: audio/aiff CRLF Zweiter Teil (Audio Daten) --23xx
27 Wichtige Arten Content-Type: Multipart/x-mixed-replace replace Jeder ankommende Teil ersetzt den angezeigten Inhalt Content-Type: Multipart/form-data Für komplexes Upload bei POST bei Forms ENCTYPE="multipart/form-data" Jedes Element des Forms wird als separater Teil einer Multipart Nachricht codiert Server erhält aber nur eine einzige Nachricht Bei File Upload <INPUT TYPE="file"...> von Browser erzwungen Content-Type: Multipart/related Bsp: Mail mit Inline-Bildern Bsp: Speichern einer Webseite vollständig, inklusive Bilder & Objekte, als eine Datei 27
28 DOM Api
29 DOM Api DOM enthält Dokumentteile in OO Baumstruktur DOM-Api erlaubt, diese OO Sicht zu modifizieren Finden von Elementen Löschen von Elementen Erzeugen von Elementen Ein- und Anfügen von Elementen Inhalt modifizieren Attribute modifizieren Kompletter Zugriff aus Javascript 29
30 DOM im Ffox 2.0 Dom Inspector 30
31 DOM im Firebug Debugger 31
32 DOM im Firebug Debugger Web Ansicht HTML Baum-Ansicht sc JS Objekt-Ansicht sc t 32
33 HTML Baum-Ansicht 33
34 JS Objekt-Ansicht 34
35 Bsp: Einfügen eines Popover var e = doc.getelementbyid (partname); try { e.parentnode.removechild (e); } catch (x) {} neub = doc.createelement("div"); neub.id = partname; neub.classname = partclass; neub.style.display="none"; neub.style.top=(window.scrolly+parseint(partx,10))+"px"; neub.style.left=(window.scrollx+parseint(party,10))+"px"; neub.innerhtml = t; doc.body.appendchild(neub); neub.style.display=""; 35
36 Finden // get element by its id Element root = doc.getelementbyid("name"); // get the root of the Document tree Element root = doc.getdocumentelement(); // get nodes in subtree by tag name NodeList dots = root.getelementsbytagname("dot"); // get first dot element Element firstdot = (Element) dots.item(0); // get x attribute of first dot String x = firstdot.getattribute("x"); 36
37 Weitere Methoden Node access methods: String getnodename() short getnodetype() Document getownerdocument() boolean haschildnodes() NodeList getchildnodes() Node getfirstchild() Node getlastchild() tchild() Node getparentnode() Node getnextsibling() Node getprevioussibling() boolean hasattributes()... and more... Element extends Node and adds: String gettagname() boolean hasattribute(string name) String getattribute(string i name) NodeList getelementsbytagname(string name) and more Document extends Node and adds: Element getdocumentelement() DocumentType getdoctype()... plus the Element methods just mentioned and more... 37
38 Erzeugen und verändern // get new empty Document from DocumentBuilder Document doc = db.newdocument(); // create a new <dots> Element and add to Document as root Element root = doc.createelement("dots"); doc.appendchild(root); // create a new <dot> Element and add as child of root Element dot = doc.createelement("dot"); dot.setattribute("x", "9"); dot.setattribute("y", "81"); root.appendchild(dot); 38
39 Weitere Methoden Node manipulation methods: void setnodevalue(string nodevalue) Node appendchild(node newchild) Node insertbefore(node newchild, Node refchild) Node removechild(node oldchild)... and more... Element manipulation methods: void setattribute(string name, String value) void removeattribute(string name) and more Document manipulation methods: Text createtextnode(string data) Comment createcommentnode(string data)... and more... 39
40 Wichtigste Funktionen bei Dokumenten-Modifikation createelement: Erzeuge einen Knoten setattribute: Setze einen Attributwert Viele Attribute als Javascript Property eingeblendet setnodevalue: Setze Textwert eines Knotens appendchild: Füge einen Knoten an Liste der Kinder an removechild: Entferne ein Kind replacechild: Ersetze ein Kind 40
41 Referenzen dazu xulplanet.com Beginnt zu veralten, ist aber gute und umfassende Übersicht Beschreibt auch XUL (die Ffox Gui Markupsprache) developer.mozilla.org Mozilla Developer Center Gut zum Einstieg, einfache Beispiele Bei DOM & JS vollständig Noch nicht alle komplexen XUL-Themen eingepflegt 41
42 Bewertung Vorteile Robuste API Flexibel, kann alles Standardisiert Nachteile Hoher Funktionsaufwand für kleine Änderungen Speziell wenn verglichen mit innerhtml! Sinnvoll, geeignete Standardfälle herauszuarbeiten und zu "librar"isieren Relativ langsam 42
43 Spezifische Probleme Browser-Abhängigkeiten Verschiedenen Code ausliefern nach User Agent Header oder Dynamisch erkennen und Code ansteuern Flackern Unsichtbar schalten (zorder, display) Aufbauen Sichtbar schalten Verzögertes Reflowing unsichtbar- sichtbar schalten (CSS) Aber: Kann flackern 43
44 Slow Load 44
45 Slow Load Auch Reverse Ajax oder Comet genannt Idee: Offenhalten einer Verbindung durch sehr langsame Server-Response Umsetzung: Slow load aus einem Hidden Frame/IFrame angefordertn bleibt damit unsichtbar Slow load kann über Minuten oder sogar Stunden funktionieren i Slow load liefert keine Daten oder Daten mit "NOP"-Semantik, bis der Server dann wirklich etwas vom Client will Script-Tag Slow Load Will der Server etwas vom Client, sendet er <script> tags, die dann sofort nach Ankunft vom Client ausgeführt werden XHR Slow Load Der Server zögert die Antwort auf einen XHR lange hinaus Nachteile: Server muß Kommunikationskanal k offen halten Skaliert schlecht bei hoher Zahl von Clients 45
46 Polling 46
47 Polling Bekannte Technik, bei der 1. ein Agent A eine Aktivität bei einem Agenten B auslösen soll 2. dieses aber nicht kann 3. und daher auf wiederholte Anfrage von Agenten B bei Agenten A ("jetzt?") jetzt?) abstellt Nachteile Unnotwendige Belastung von Kommunikationskanal, Client- und Server-CPU Skaliert sehr schlecht Erhöht die Latenzzeit der ausgelösten Aktivität 47
48 Metatag Refresh 48
49 Metatag Refresh Das Refresh Meta-Tag kann ein reload derselben URL auslösen Bsp: <META HTTP-EQUIV="Refresh" CONTENT=5> Sollte serverseitig durch Status-Tracking (Bsp: Cookie) unterstützt sein. 49
Berufsakademie Stuttgart, Außenstelle Horb, MI2002
Übungsblatt 1, Scanner für Mini-HTML Ergänzen Sie die JLex-Spezifikation aus der Vorlesung so, dass folgende HTML Lexemklassen , , , , , , , , ,
Dokumentation für Popup (lightbox)
Dokumentation für Popup (lightbox) Für das Popup muss eine kleine Anpassung im wpshopgermany Plugin vorgenommen werden und zwar in der Datei../wp-content/plugins/wpshopgermany/controllers/WarenkorbController.class.php
Online Kataloge. Wie binde ich einen SGVSB-Online-Katalog in eine Webseite ein. Versionsnummer: 1.0 Änderungsdatum: 26.06.12.
Online Kataloge Wie binde ich einen SGVSB-Online-Katalog in eine Webseite ein. Versionsnummer: 1.0 Änderungsdatum: 26.06.12 Autor: Manuel Ginesta Kontakt: m.ginesta@ncag.ch Versionsliste Version Datum
ASP: Active Server Pages
ASP: Active Server Pages Allgemeines: ASP ist die serverseitige Schnittstelle zu Skripten/Programmen ausgehend vom Microsoft-Internet- Information-Server (z.b. in Windows-Server enthalten) Skript- und
2004-2006, Rainer Schmidberger, ISTE. XML und Java. Rainer Schmidberger Rainer.Schmidberger@informatik.uni-stuttgart.de
XML und Java Rainer Schmidberger Rainer.Schmidberger@informatik.uni-stuttgart.de Was ist XML? Müller Hans Ulmenweg 22 70565
Einführung in die Scriptsprache PHP
Herbst 2014 Einführung in die Scriptsprache PHP Wirtschaftsinformatik: 5. Semester Dozenten: Rainer Telesko / Martin Hüsler Fachhochschule Nordwestschweiz FHNW - Rainer Telesko / Martin Hüsler 1 Inhalt:
Clemens H. Cap http://wwwiuk.informatik.uni-rostock.de http://www.internet-prof.de. Bedarf an Zeit, Speicher, Netz und anderen Ressourcen
Performance Bedarf an Zeit, Speicher, Netz und anderen Ressourcen Lernziel Warum ist Performance bei Ajax so wichtig? Was sind die Fallen bei Ajax Programmierung? Welche Werkzeuge gibt es? Ausgewählte
Web Sockets mit HTML5. Quelle: www.html5rocks.com/de
Web Sockets mit HTML5 Quelle: www.html5rocks.com/de Intensive Client-Server-Kommunikation: Beispiele Online-Spiele mit mehreren Mitspielern Chat-Anwendungen Live-Sport-Ticker Echtzeit-Aktualisierungen
Praktikum Datenbanksysteme. Ho Ngoc Duc IFIS - Universität zu Lübeck 01.06.2005
Praktikum Datenbanksysteme Ho Ngoc Duc IFIS - Universität zu Lübeck 01.06.2005 Tomcat-Installation $JAVA_HOME (z.b. /home/dbp00/j2sdk1.4.2) $CATALINA_HOME (/home/dbp00/jakarta-tomcat-4) Skripte zum Start/Stop:
Anton Ochsenkühn. amac BUCH VERLAG. Ecxel 2016. für Mac. amac-buch Verlag
Anton Ochsenkühn amac BUCH VERLAG Ecxel 2016 für Mac amac-buch Verlag 2 Word-Dokumentenkatalog! Zudem können unterhalb von Neu noch Zuletzt verwendet eingeblendet werden. Damit hat der Anwender einen sehr
Warten auf Ereignisse
Abb. 1: Diese Botschaften wurden von dem Programm WINSIGHT aufgezeichnet. Warten auf Ereignisse Wenn wir in einem Windows-Programm eine Schaltfläche anklicken, wenn wir die Maus bewegen oder eine Taste
Formulare & Zähler. Erstellen von Formularen & Zählern mit FrontPage- oder ASP-Erweiterungen ZUGEHÖRIGE INFORMATIONEN
Formulare & Zähler Erstellen von Formularen & Zählern mit FrontPage- oder ASP-Erweiterungen ZUGEHÖRIGE INFORMATIONEN Ziel des vorliegenden Dokumentes ist es, einer mit Internet vertrauten Person zu ermöglichen,
Templates für CMSMadeSimple
1. EINLEITUNG Templates für CMSMadeSimple Original von Jan Czarnowski piratos@coftware.de modifiziert von Andreas Just cyberman@gmx.ch Templates für CMSMadeSimple sind zur Zeit nur spärlich vorhanden.
Es gibt zahlreiche Web-Programmiersprachen: HTML, CSS, JavaScript, PHP, Perl, Python, HTTP, XML und viele weitere.
1.0.0 Allgemeine Informationen Es gibt zahlreiche Web-Programmiersprachen: HTML, CSS, JavaScript, PHP, Perl, Python, HTTP, XML und viele weitere. Wir werden uns hauptsächlich mit HTML beschäftigen, weil
Praktikum Datenbanksysteme. Ho Ngoc Duc IFIS Universität zu Lübeck 28.05.2003
Praktikum Datenbanksysteme Ho Ngoc Duc IFIS Universität zu Lübeck 28.05.2003 Nullwerte und Primitive Typen Wenn parent==null, was wird in der Datenbank gespeichert? Wenn man aus der DB liest, wie kann
CASCADING STYLE SHEETS WEBSEITEN-GESTALTUNG MIT CSS
CASCADING STYLE SHEETS WEBSEITEN-GESTALTUNG MIT CSS Sören Elvers, Julia Polner, Max Weller, Moritz Willig T-Doku, Werner-von-Siemens-Schule, Wetzlar 2010-2011 INHALT DIESES VORTRAGS 1. Kurze Einführung
Anleitung über den Umgang mit Schildern
Anleitung über den Umgang mit Schildern -Vorwort -Wo bekommt man Schilder? -Wo und wie speichert man die Schilder? -Wie füge ich die Schilder in meinen Track ein? -Welche Bauteile kann man noch für Schilder
<script type="text/javascript"> <! <%= page(page.searchsuggestionsscript) %> // > </script>
1. Intelligente AutoComplete Funktion für die Volltextsuche 1.1. JQuery einbinden Falls Sie in Ihrem Shop bereits JQuery verwenden, so überprüfen Sie bitte, ob Sie alle notwendigen Dateien eingebunden
Technical Note 0606 ewon
PCE Deutschland GmbH Im Langel 4 59872 Meschede Telefon: 02903 976 990 E-Mail: info@pce-instruments.com Web: www.pce-instruments.com/deutsch/ Technical Note 0606 ewon M2Web - 1 - Inhaltsverzeichnis 1 Allgemeines...
Informationen zum neuen Studmail häufige Fragen
1 Stand: 15.01.2013 Informationen zum neuen Studmail häufige Fragen (Dokument wird bei Bedarf laufend erweitert) Problem: Einloggen funktioniert, aber der Browser lädt dann ewig und zeigt nichts an Lösung:
HTML5 HOCKEYSTICK EXPANDABLE BANNER v1.0
HTML5 HOCKEYSTICK EXPANDABLE BANNER v1.0 INHALT 1. VORAUSSETZUNGEN... 3 2. BESCHREIBUNG... 3 3. BANNER... 3 4. PANELS... 4 5. FALLBACK... 4 4. ANLEGEN DES HTML5 HOCKEYSTICK ADS... 4 2 1. VORAUSSETZUNGEN
WPF Steuerelemente Listbox, ComboBox, ListView,
WPF Steuerelemente Listbox, ComboBox, ListView, Dr. Beatrice Amrhein Überblick Einführung Listen ComboBox Tabellen 2 Einführung 3 Listen- und Tabellen-Elemente Listen und Tabellen-Elemente sind Steuerelemente,
Objektorientierte Programmierung
Objektorientierte Programmierung 1 Geschichte Dahl, Nygaard: Simula 67 (Algol 60 + Objektorientierung) Kay et al.: Smalltalk (erste rein-objektorientierte Sprache) Object Pascal, Objective C, C++ (wiederum
Multimedia im Netz. Übung zur Vorlesung. Ludwig-Maximilians-Universität Wintersemester 2010/2011
Übung zur Vorlesung Multimedia im Netz Ludwig-Maximilians-Universität Wintersemester 2010/2011 Ludwig-Maximilians-Universität München Multimedia im Netz - Übung - 3-1 Übungsblatt - 3 Thema: JavaScript
Unsere Webapplikation erweitern
Unsere Webapplikation erweitern Um die Webapplikation zu benutzen: 1. Starten Sie den Server, indem Sie das Hauptprogramm in der Klasse ImdbServer starten. 2. Laden Sie im Browser die Seite http://localhost:8080/html/index.html.
Webseiten sind keine Gemälde. Webstandards für ein besseres Web. Webstandards für ein besseres Web
Webseiten sind keine Gemälde Webkrauts Die Initiative für die Webkrauts ging von einem Blogeintrag im August 2005 aus. Nach dem Aufruf fanden sich innerhalb von etwa drei Tagen über 60 Interessierte zusammen.
DataTables LDAP Service usage Guide
DataTables LDAP Service usage Guide DTLDAP Usage Guide thomasktn@me.com / www.ktn.ch Benutzung des DTLDAP Service DataTables Der Service stellt einen JSON Feed für DataTables (http://www.datatables.net)
Informatik I: Einführung in die Programmierung
Informatik I: Einführung in die Programmierung 21. Das WWW befragen Albert-Ludwigs-Universität Freiburg Bernhard Nebel 13.01.2015 13.01.2015 B. Nebel Info I 2 / 17 Oft braucht ein Programm Informationen,
Mozilla Firefox - Zeit für den Wechsel
Browser Alternative: Mozilla Firefox 2.0 Mozilla Firefox - Zeit für den Wechsel Klaus Herzberg-Moser / November,Dezember 2007 1. Webseite in Tabs öffnen Seite 2 2. Sitzungswiederherstellung Seite 3 3.
Wie funktioniert das WWW? Sicher im WWW
Wie funktioniert das WWW? Sicher im WWW Der normale Aufruf 1. Browserprogramm starten 2. Adresse eintippen, z.b. : ich-hab-doch-nichts-zu-verbergen.de 3. Der Browser ändert die Adresse auf: http://ich-hab-doch-nichts-zu-verbergen.de/
GITS Steckbriefe 1.9 - Tutorial
Allgemeines Die Steckbriefkomponente basiert auf der CONTACTS XTD Komponente von Kurt Banfi, welche erheblich modifiziert bzw. angepasst wurde. Zuerst war nur eine kleine Änderung der Komponente für ein
Matrix42. Use Case - Sicherung und Rücksicherung persönlicher Einstellungen über Personal Backup. Version 1.0.0. 23. September 2015 - 1 -
Matrix42 Use Case - Sicherung und Rücksicherung persönlicher Version 1.0.0 23. September 2015-1 - Inhaltsverzeichnis 1 Einleitung 3 1.1 Beschreibung 3 1.2 Vorbereitung 3 1.3 Ziel 3 2 Use Case 4-2 - 1 Einleitung
Aufklappelemente anlegen
Aufklappelemente anlegen Dieses Dokument beschreibt die grundsätzliche Erstellung der Aufklappelemente in der mittleren und rechten Spalte. Login Melden Sie sich an der jeweiligen Website an, in dem Sie
Multimediale Web-Anwendungen. JavaScript. Einführung. MWA JavaScript-Einführung Dr. E. Schön Sommersemester 2015 Folie 1.
Multimediale Web-Anwendungen JavaScript Einführung MWA JavaScript-Einführung Dr. E. Schön Sommersemester 2015 Folie 1 Entstehungsgeschichte: JavaScript 1995 Netscape Communications Corp. (Brendan Eich)
affilinet_ Flash-Spezifikationen
affilinet_ Flash-Spezifikationen Inhaltsverzeichnis Allgemeines...2 Klickzählung...2 Lead/Sale Programme... 2 PPC und Kombi Programme...3 Übergabe von Formulardaten...4 clicktag Variante Sale/Lead Programm...4
Workshop Java Webentwicklung Tapestry. Ulrich Stärk
Workshop Java Webentwicklung Tapestry Ulrich Stärk Webanwendungen Antwort im Browser des Benutzers sichtbar Anfrage geht ein Antwort rendern Anfrage an passenden Code weiterleiten 2 Servlets Servlet wird
Der/die KursleiterIn kann sowohl die Einträge als auch die geposteten Kommentare in allen drei Blog- Typen bearbeiten, kommentieren und löschen.
Blogs Blogs sind ein öffentliches Kommunikationstool, das den KursteilnehmerInnen die Aufzeichnung und den Austausch von Gedanken etc. ermöglicht. Ein Blog besteht grundsätzlich aus den Blog-Einträgen
NODELOCKED LIZENZ generieren (ab ST4)
NODELOCKED LIZENZ generieren () Besuchen Sie folgende Webseite support.ugs.com/global/de ( ohne www oder http:// ) Klicken Sie auf Lizenz Verwaltung und dann auf aktuelle Lizenz 1 1. Geben Sie Ihren Webkey
Pfötchenhoffung e.v. Tier Manager
Pfötchenhoffung e.v. Tier Manager A.Ennenbach 01.08.2015 Tier Manager Inhalt Administrationsbereich Tiere auflisten & suchen Tier hinzufügen Tier bearbeiten (Status ändern, etc.) Administrationsbereich
Webseiten erstellen für Einsteiger
Daniel Mies Webseiten erstellen für Einsteiger Schritt für Schritt zur eigenen Website Galileo Press Vorbemerkungen 15 1 Vordem Start 21 1.1 Wie kommt die Seite aus dem Internet auf meinen Computer? 21
Eine eigene Seite auf Facebook-Fanseiten einbinden und mit einem Tab verbinden.
Eine eigene Seite auf Facebook-Fanseiten einbinden und mit einem Tab verbinden. Nach den Änderungen die Facebook vorgenommen hat ist es einfacher und auch schwerer geworden eigene Seiten einzubinden und
AJAX DRUPAL 7 AJAX FRAMEWORK. Was ist das Ajax Framework? Ein typischer Ablauf eines Ajax Requests Die Bestandteile des Ajax Frameworks.
DRUPAL 7 AJAX FRAMEWORK Was ist das Ajax Framework? Ein typischer Ablauf eines Ajax Requests Die Bestandteile des Ajax Frameworks AJAX Beispiele Fragen: Gibt es jemanden der noch gar keine Erfahrungen
Da die Bedienung des Editors viele Möglichkeiten aufweist, aber auch etwas Übung voraussetzt, haben wir ihm ein eigenes Unterkapitel gewidmet.
5.6. Der HTML-Editor Da die Bedienung des Editors viele Möglichkeiten aufweist, aber auch etwas Übung voraussetzt, haben wir ihm ein eigenes Unterkapitel gewidmet. Bild 33: Der Editor 5.6.1. Allgemeine
«Integration in WebSite» HTML-/Javascript-Code-Beispiele
QuickInfo «Integration in WebSite» HTML-/Javascript-Code-Beispiele Fragen? Ihre Umfrage soll direkt in resp. auf Ihrer WebSite erscheinen? Die Möglichkeiten für eine technische Integration an exakten Stellen
Lehrer: Einschreibemethoden
Lehrer: Einschreibemethoden Einschreibemethoden Für die Einschreibung in Ihren Kurs gibt es unterschiedliche Methoden. Sie können die Schüler über die Liste eingeschriebene Nutzer Ihrem Kurs zuweisen oder
User Manual Data 24. Login und Layout
User Manual Data 24 Login und Layout Auf der Loginseite www.kern.data24.ch geben Sie Ihren Benutzernamen sowie Ihr Kennwort in die beiden Felder ein. Mit Klick auf den Button «Anmeldung» werden Ihre Daten
Dokumentenverwaltung im Internet
Dokumentenverwaltung im Internet WS 09/10 mit: Thema: Workflow und Rollenverteilung im Backend Gruppe: DVI 10 Patrick Plaum und Kay Hofmann Inhalt 1. Benutzer und Benutzergruppen erstellen...2 1.1. Benutzergruppen...2
Vitaminkapseln.ch - SEO Check
Vitaminkapseln.ch - SEO Check Überprüfte URL: http://www.vitaminkapseln.ch/ Erstellt am: 16.12.2015 11:00 Übersicht der SEO Analyse Suchvorschau Metaangaben 100% Seitenqualität 40% Seitenstruktur 60% Verlinkung
Pixtacy-Anbindung an CleverReach.de
Pixtacy-Anbindung an CleverReach.de Stand: 17. Oktober 2014 2014 Virthos Systems GmbH www.pixtacy.de Einleitung Pixtacy verfügt ab Version 2.5 über eine Schnittstelle zu dem Online-Newslettertool CleverReach.de.
4D Server v12 64-bit Version BETA VERSION
4D Server v12 64-bit Version BETA VERSION 4D Server v12 unterstützt jetzt das Windows 64-bit Betriebssystem. Hauptvorteil der 64-bit Technologie ist die rundum verbesserte Performance der Anwendungen und
ecaros2 - Accountmanager
ecaros2 - Accountmanager procar informatik AG 1 Stand: FS 09/2012 Inhaltsverzeichnis 1 Aufruf des ecaros2-accountmanager...3 2 Bedienung Accountmanager...4 procar informatik AG 2 Stand: FS 09/2012 1 Aufruf
DELFI. Benutzeranleitung Dateiversand für unsere Kunden. Grontmij GmbH. Postfach 34 70 17 28339 Bremen. Friedrich-Mißler-Straße 42 28211 Bremen
Grontmij GmbH Postfach 34 70 17 28339 Bremen Friedrich-Mißler-Straße 42 28211 Bremen T +49 421 2032-6 F +49 421 2032-747 E info@grontmij.de W www.grontmij.de DELFI Benutzeranleitung Dateiversand für unsere
4 Aufzählungen und Listen erstellen
4 4 Aufzählungen und Listen erstellen Beim Strukturieren von Dokumenten und Inhalten stellen Listen und Aufzählungen wichtige Werkzeuge dar. Mit ihnen lässt sich so ziemlich alles sortieren, was auf einer
Einrichten einer mehrsprachigen Webseite mit Joomla (3.3.6)
Einrichten einer mehrsprachigen Webseite mit Joomla (3.3.6) 1. Loggen Sie sich im Administratorbereich ein und gehen Sie auf Extension > Extension Manager 2. Wählen Sie Install languages 3. Klicken Sie
HTML5. Wie funktioniert HTML5? Tags: Attribute:
HTML5 HTML bedeutet Hypertext Markup Language und liegt aktuell in der fünften Fassung, also HTML5 vor. HTML5 ist eine Auszeichnungssprache mit der Webseiten geschrieben werden. In HTML5 wird festgelegt,
Outlook. sysplus.ch outlook - mail-grundlagen Seite 1/8. Mail-Grundlagen. Posteingang
sysplus.ch outlook - mail-grundlagen Seite 1/8 Outlook Mail-Grundlagen Posteingang Es gibt verschiedene Möglichkeiten, um zum Posteingang zu gelangen. Man kann links im Outlook-Fenster auf die Schaltfläche
BEDIENUNGSANLEITUNG: EINREICH-TOOL
BEDIENUNGSANLEITUNG: EINREICH-TOOL Bewerber können ihre maximal 60 Minuten langen Beiträge in neun Kategorien bis zum 07.04.2015 per Upload über die Website www.oesterreichischer-radiopreis.at einreichen.
mysql - Clients MySQL - Abfragen eine serverbasierenden Datenbank
mysql - Clients MySQL - Abfragen eine serverbasierenden Datenbank In den ersten beiden Abschnitten (rbanken1.pdf und rbanken2.pdf) haben wir uns mit am Ende mysql beschäftigt und kennengelernt, wie man
3. Baumstrukturen. 3.1 Dateien und Ordner
bertram.hafner@t-online.de Informatik 7 Seite 1 3. Baumstrukturen 3.1 Dateien und Ordner Schreibe einen kurzen Text und speichere ihn ab. Verändere den Text und speichere ihn unter einem neuen Namen ab.
HANDBUCH PHOENIX II - DOKUMENTENVERWALTUNG
it4sport GmbH HANDBUCH PHOENIX II - DOKUMENTENVERWALTUNG Stand 10.07.2014 Version 2.0 1. INHALTSVERZEICHNIS 2. Abbildungsverzeichnis... 3 3. Dokumentenumfang... 4 4. Dokumente anzeigen... 5 4.1 Dokumente
Folgende Voraussetzungen für die Konfiguration müssen erfüllt sein: - Ein Bootimage ab Version 7.4.4. - Optional einen DHCP Server.
1. Dynamic Host Configuration Protocol 1.1 Einleitung Im Folgenden wird die Konfiguration von DHCP beschrieben. Sie setzen den Bintec Router entweder als DHCP Server, DHCP Client oder als DHCP Relay Agent
Zählen von Objekten einer bestimmten Klasse
Zählen von Objekten einer bestimmten Klasse Ziel, Inhalt Zur Übung versuchen wir eine Klasse zu schreiben, mit der es möglich ist Objekte einer bestimmten Klasse zu zählen. Wir werden den ++ und den --
Format- oder Stilvorlagen
Vorraussetzung Sie sollten Grundkenntnisse der HTML-Sprache besitzen, um die Ausbildungseinheit Formatvorlagen, auch Stilvorlagen genannt, ohne Probleme verstehen zu können. Ist dies nicht der Fall, empfehlen
Universal Dashboard auf ewon Alarmübersicht auf ewon eigener HTML Seite.
ewon - Technical Note Nr. 003 Version 1.2 Universal Dashboard auf ewon Alarmübersicht auf ewon eigener HTML Seite. Übersicht 1. Thema 2. Benötigte Komponenten 3. Downloaden der Seiten und aufspielen auf
Grafische Interaktionssysteme/ dynamische Visualisierung des endlichen Automaten
Sprachliche Informationsverarbeitung 29.01.2007 HS Intelligente Systeme Prof. Dr. J. Rolshoven (WS 06/07) Grafische Interaktionssysteme/ dynamische Visualisierung des endlichen Automaten Referentin: Melinda
Downloadfehler in DEHSt-VPSMail. Workaround zum Umgang mit einem Downloadfehler
Downloadfehler in DEHSt-VPSMail Workaround zum Umgang mit einem Downloadfehler Downloadfehler bremen online services GmbH & Co. KG Seite 2 Inhaltsverzeichnis Vorwort...3 1 Fehlermeldung...4 2 Fehlerbeseitigung...5
Online-Dateienablage und Datenaustauschdienst Box.net Stand: September 2011
Online-Dateienablage und Datenaustauschdienst Box.net Stand: September 2011 Jan Oesch, PHBern, Institut Sekundarstufe II Der Datenaustauschdienst Box.net eignet sich besonders für den regelmässigen Austausch
14.4.2016. Technische Hochschule Georg Agricola WORKSHOP TEIL 3. IKT (Informations- und Kommunikationstechnik) an einer MorseApp erklärt
14.4.2016 Technische Hochschule Georg Agricola WORKSHOP TEIL 3 IKT (Informations- und Kommunikationstechnik) an einer MorseApp erklärt Inhaltsverzeichnis 1. Kurzfassung zur Projekterstellung... 2 2. Morse-Tabelle...
FuxMedia Programm im Netzwerk einrichten am Beispiel von Windows 7
FuxMedia Programm im Netzwerk einrichten am Beispiel von Windows 7 Die Installation der FuxMedia Software erfolgt erst NACH Einrichtung des Netzlaufwerks! Menüleiste einblenden, falls nicht vorhanden Die
EVENTO-WEB. Handbuch für Dozierende. Version: 1.2 Datum: 20. Dezember 2010 Autoren: BA Schuladministration
EVENTO-WEB Handbuch für Dozierende Version: 1.2 Datum: 20. Dezember 2010 Autoren: BA Schuladministration Änderungen Version Datum Autoren Bemerkungen 1.0 25.03.2008 Bascelli Erstellung Dokument 1.1 17.04.2008
IAWWeb PDFManager. - Kurzanleitung -
IAWWeb PDFManager - Kurzanleitung - 1. Einleitung Dieses Dokument beschreibt kurz die grundlegenden Funktionen des PDFManager. Der PDF Manager dient zur Pflege des Dokumentenbestandes. Er kann über die
HTML Formulare. Benutzerschnittstelle für interaktive Webseiten
1 HTML Formulare Benutzerschnittstelle für interaktive Webseiten Literatur und Links 2 Literatur: Coar, Ken; Bowen, Rich: Apache-Kochbuch. 2004 HTML: kein Buch oder irgend eins für Einsteiger, z. B. Münz,
1. Laptop: Benutzen Sie die Anleitung ab Seite 2 2. Tablet / Smartphone: Benutzen Sie die Anleitung ab Seite 4. Seite 2 Seite 4
Kanton Schaffhausen Schulentwicklung und Aufsicht Herrenacker 3 CH-8200 Schaffhausen www.sh.ch Anleitung Installation Offline-Version Lehrplan 21 Für die Arbeit mit dem Lehrplan während der Tagung vom
Einführungskurs MOODLE Themen:
Einführungskurs MOODLE Themen: Grundlegende Einstellungen Teilnehmer in einen Kurs einschreiben Konfiguration der Arbeitsunterlagen Konfiguration der Lernaktivitäten Die Einstellungen für einen Kurs erreichst
Java Webentwicklung (mit JSP)
Java Webentwicklung (mit JSP) SEW(3.Jg) Unterlagen zu Java Server-Pages Teil 1 Inhalt 1 Zielsetzung... 1 2 Webprojekt mit Netbeans... 2 2.1 Webprojekt erstellen... 2 2.1.1 Neues Projekt... 2 2.2 Aufbau
Inhalt. 1 FAQ zum Geoportal Kamenz
1 FAQ zum Geoportal Kamenz Inhalt Sachdatenabfrage... 2 Layerfunktionalitäten... 3 Transparenz... 3 Zoom auf die Ausdehnung... 3 Suchfunktionen... 4 Flurstücksuche... 4 Themensuche... 4 Drucken... 6 Anzeige
Redaktionssystem E-MODE. Handbuch für RedakteurInnen. Inhalt. Informationen über E-MODE, Standards & Regeln: http://www.medunigraz.
Redaktionssystem E-MODE Handbuch für RedakteurInnen Version März 2010 Inhalt 1. Aufruf & Einstieg Informationen über E-MODE, Standards & Regeln: http://www.medunigraz.at/1992 2. Verwaltung 3. Editor 4.
Online-Publishing mit HTML und CSS für Einsteigerinnen
mit HTML und CSS für Einsteigerinnen Dipl.-Math. Eva Dyllong Universität Duisburg Dipl.-Math. Maria Oelinger spirito GmbH IF MYT 07-2002 Grundlagen Frau erfahrt, wie das Internet aufgebaut ist, aus welchen
Kapitel 3 Frames Seite 1
Kapitel 3 Frames Seite 1 3 Frames 3.1 Allgemeines Mit Frames teilt man eine HTML-Seite in mehrere Bereiche ein. Eine Seite, die mit Frames aufgeteilt ist, besteht aus mehreren Einzelseiten, die sich den
PHP - Projekt Personalverwaltung. Erstellt von James Schüpbach
- Projekt Personalverwaltung Erstellt von Inhaltsverzeichnis 1Planung...3 1.1Datenbankstruktur...3 1.2Klassenkonzept...4 2Realisierung...5 2.1Verwendete Techniken...5 2.2Vorgehensweise...5 2.3Probleme...6
Der lokale und verteilte Fall
Lokale Beans Der lokale und verteilte Fall RemoteClient Lokaler Client (JSP) RemoteSession/Entity-Bean Lokale Session/Entity-Bean 2 Lokale Beans Die bisher vorgestellten EJBswaren immer in der Lage auf
Layoutmodelle. Steffen Schwientek Große Klostergasse 5 61169 Friedberg Email:schwientek@web.de Web :schlaukopp.org
Layoutmodelle HTML wurde von ihren Erfindern nicht als Layoutsprache entworfen, sondern zur Informationsübermittlung entworfen Es gab verschiedene Modelle, welche das Web populär machten und. Bei Erstellung
Flashfragen in ILIAS Test & Assessment. Helmut Schottmüller
Flashfragen in ILIAS Test & Assessment Helmut Schottmüller Flashfragen in ILIAS Test & Assessment Helmut Schottmüller Veröffentlicht Januar 2009 Copyright 2009 Helmut Schottmüller Inhaltsverzeichnis 1.
etutor Benutzerhandbuch XQuery Benutzerhandbuch Georg Nitsche
etutor Benutzerhandbuch Benutzerhandbuch XQuery Georg Nitsche Version 1.0 Stand März 2006 Versionsverlauf: Version Autor Datum Änderungen 1.0 gn 06.03.2006 Fertigstellung der ersten Version Inhaltsverzeichnis:
Issue/Amendment e.data Version 1.0 1/12
e.data Version 1.0 1/12 Inhaltsverzeichnis 1 Allgemeine Informationen... 2 2 Anwendungsbereich... 4 3 Begriffsdefinitionen... 4 4 Firmware-Update-Prozess... 5 Revision History... 12 1 e.data Version 1.0
Jetzt durch Verlinken data-recovery.de Partner werden und die Gewinnchance auf einen 1.000 Datenrettungsgutschein nutzen
Professionelle Datenrettung Jetzt durch Verlinken data-recovery.de Partner werden und die Gewinnchance auf einen 1.000 Datenrettungsgutschein nutzen Als data-recovery.de Partner erhalten Sie für jeden
SIMP 1.01 Protokollspezifikation (Mindestanforderung)
SIMP 1.01 Protokollspezifikation (Mindestanforderung) Autor: Harald Pittesser, Dokumentversion: 0.5 beta Eigenschaften SIMP (Simple Instant Message Protocol) ist ein Instant Message Protokol welches folgende
Mediator 9 - Lernprogramm
Mediator 9 - Lernprogramm Ein Lernprogramm mit Mediator erstellen Mediator 9 bietet viele Möglichkeiten, CBT-Module (Computer Based Training = Computerunterstütztes Lernen) zu erstellen, z. B. Drag & Drop
http://train-the-trainer.fh-joanneum.at IINFO Storyboard
IINFO Storyboard Allgemeine Bemerkungen und Richtlinien zur Handhabung. Das Storyboard besteht aus einem Web, d.h. einer vernetzten Struktur von HTML-Seiten welche später von den Programmieren direkt als
4. Sonstige Mitarbeit 4.1 Formen der Sonstigen Mitarbeit
1. Einleitung Dieses Leistungskonzept dient in erster Linie dazu, die Leistungsbewertung des Faches Informatik transparent zu gestalten und zu vereinheitlichen. Dies erlangt besondere Wichtigkeit, da allgemeine
Das sogenannte Beamen ist auch in EEP möglich ohne das Zusatzprogramm Beamer. Zwar etwas umständlicher aber es funktioniert
Beamen in EEP Das sogenannte Beamen ist auch in EEP möglich ohne das Zusatzprogramm Beamer. Zwar etwas umständlicher aber es funktioniert Zuerst musst du dir 2 Programme besorgen und zwar: Albert, das
WEBAPPLIKATIONEN MIT PHP. Wo gibt es Hilfe? Wie fang ich an?
WEBAPPLIKATIONEN MIT PHP Wo gibt es Hilfe? Wie fang ich an? Tools Webapplikationen bestehen aus Textdateien Lassen sich in Texteditoren schreiben Alternativen: Eclipse (PDT) Netbeans (Dynamic Languages)
Dreamweaver 8 Einführung
Dreamweaver 8 Einführung Die Oberfläche von Dreamweaver Beim Start von Dreamweaver 8 präsentiert sich das Programm mit der folgenden Oberfläche: Menüleiste mit allen verfügbaren Befehlen von Dreamweaver.
Cisco AnyConnect VPN Client - Anleitung für Windows7
Cisco AnyConnect VPN Client - Anleitung für Windows7 1 Allgemeine Beschreibung 2 2 Voraussetzungen für VPN Verbindungen mit Cisco AnyConnect Software 2 2.1 Allgemeine Voraussetzungen... 2 2.2 Voraussetzungen
Alice E-Mail & More Anleitung. GigaMail.
Alice E-Mail & More Anleitung. GigaMail. E-Mail & More GigaMail. Riesige Mails sicher verschicken. Mit den Möglichkeiten steigen die Ansprüche. Da Sie nun das rasante Alice DSL zu Hause haben, erleben
Das Blabla des LiLi-Webteams. Browser. HTML-Dateien. Links & Webadressen. ROXEN.
A Das Blabla des LiLi-Webteams Browser. HTML-Dateien. Links & Webadressen. ROXEN. Ansicht a1: Browser Das English Wort Browser wird gern direkt übersetzt mit dem deutschen Stöberer. Verstehen sollte man
Man liest sich: POP3/IMAP
Man liest sich: POP3/IMAP Gliederung 1. Einführung 1.1 Allgemeiner Nachrichtenfluss beim Versenden von E-Mails 1.2 Client und Server 1.2.1 Client 1.2.2 Server 2. POP3 2.1 Definition 2.2 Geschichte und
Wie man Registrationen und Styles von Style/Registration Floppy Disketten auf die TYROS-Festplatte kopieren kann.
Wie man Registrationen und Styles von Style/Registration Floppy Disketten auf die TYROS-Festplatte kopieren kann. Einleitung Es kommt vor, dass im Handel Disketten angeboten werden, die Styles und Registrationen
Carolo Knowledge Base
KB 07: Wie stelle ich ein fremdsprachiges Layout ein? (1) My-T-Soft verhält sich bezüglich fremdsprachiger Layouts wie eine physische Tastatur, d.h. sie liefert lediglich die Codes für die einzelnen Tasten.
Browsereinstellungen für moneycheck24 in Explorer unter Windows
Browsereinstellungen für moneycheck24 in Explorer unter Windows Wichtige Einstellungen im + Um zu prüfen, welche Version Sie nutzen Einstellungen: Klicken Sie im Menü INTERNETOPTIONEN Extras [oder Tastenkürzel