Einführung in jquery
|
|
|
- Leopold Ritter
- vor 8 Jahren
- Abrufe
Transkript
1 Kapitel 22 Einführung in jquery In diesem Kapitel: Grundlagen zu jquery 392 jquery verwenden 392 Selektoren verwenden 395 Funktionen 401 Ereignisse 408 AJAX und jquery 411 Mehr jquery 416 Übungen
2 392 Kapitel 22: Einführung in jquery Nachdem Sie dieses Kapitel gelesen haben, sind Sie in der Lage: jquery in Ihr HTML einzubinden wichtige Konzepte und die Syntax von jquery zu verstehen jquery mit Ihren Webseiten einzusetzen Grundlagen zu jquery jquery ist ein bekanntes und leicht einzusetzendes JavaScript-Framework. Es erleichtert schwierige JavaScript- Aufgaben und beseitigt oftmals auch Probleme bei browserübergreifendem JavaScript. Die gesamte jquery-bibliothek besteht aus nur einer einzigen JavaScript-Datei und lässt sich somit ganz einfach in Ihr JavaScript einbinden. Die jquery-syntax ist ebenfalls leicht zu erlernen; sie verwendet einen einfachen Namespace und einheitliche Funktionalität. Zusammen mit dem Add-On jquery User Interface (mit dem sich Kapitel 23 befasst) können Sie leistungsfähige und höchst interaktive Webanwendungen herstellen. Dieses Kapitel erläutert im Rahmen einer Einführung in jquery unter anderem, wie Sie die Bibliothek herunterladen und in Ihrem JavaScript verwenden. jquery verwenden jquery ist unter erhältlich. In diesem Abschnitt erfahren Sie, wie Sie jquery herunterladen und in eine Webseite integrieren. Die beiden jquery-downloads Auf der Homepage von jquery sind zwei Downloads verfügbar: eine Produktionsversion und eine Entwicklungsversion. Sofern Sie nicht vorhaben, jquery-plug-ins zu entwickeln oder sich die Interna von jquery anzusehen, sollten Sie die verkleinerte Produktionsversion verwenden. Insbesondere für das Durcharbeiten dieses Kapitels können Sie alternativ auch über ein Netzwerk für Inhaltsübermittlung (Content Delivery Network, CDN) auf eine gehostete Version von jquery zugreifen. Unter anderem fungiert die API-Website von Google als Host für jquery und andere Bibliotheken. Das heißt, dass Sie jquery in Ihre Webseiten und JavaScript-Programme einbinden können, ohne die Datei lokal auf Ihrem Server hosten zu müssen. Weitere Informationen hierzu finden Sie unter apis/libraries/devguide.html. HINWEIS Für fast alle Szenarios, in denen Sie mit jquery arbeiten, empfehle ich, die jquery-datei herunterzuladen und lokal zu hosten. Mit der lokalen Version lässt sich möglicherweise schneller und zuverlässiger arbeiten als mit der CDN-Version. Wenn Sie zum Beispiel eine CDN-gehostete Version verwenden und der CDN-Server ausfällt, funktioniert auf Ihrer Site nichts mehr, was sich auf diese Bibliothek stützt! Allerdings ist eine CDN-gehostete Datei für die Entwicklungsaufgaben in diesem Kapitel durchaus akzeptabel. Für die Übungen in diesem Kapitel ist es erforderlich, dass Sie jquery auf Ihren lokalen Entwicklungscomputer heruntergeladen haben oder über ein CDN damit verbunden sind.
3 jquery verwenden 393 jquery einbinden In eine Webseite binden Sie jquery auf die gleiche Weise ein wie jede andere externe JavaScript-Datei mit einem <script>-tag, das auf die Quelldatei verweist. Sehen Sie sich dazu den Code in Listing 22.1 an. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " strict.dtd"> <html> <head> <title>jquery einbinden</title> <script type="text/javascript" src="jquery min.js"></script> </head> <body> </body> </html> Listing 22.1 jquery in eine Webseite einbinden Nachdem Sie jquery heruntergeladen oder über eine CDN-Site referenziert haben und anhand des obigen Beispielcodes wissen, wie Sie jquery in eine Datei einbinden, ist es an der Zeit, sich mit der jquery-syntax zu befassen. WICHTIG Zum Zeitpunkt der Übersetzung war die Version aktuell. Es ist davon auszugehen, dass sich die Version geändert hat, wenn Sie dieses Kapitel lesen, sodass Sie das src-attribut entsprechend an die Version Ihres heruntergeladenen jquery-skripts anpassen müssen. Grundlegende jquery-syntax Wenn Sie die jquery-bibliothek in eine Seite einbinden, fügt jquery eine Funktion jquery() hinzu. Man könnte nun annehmen, dass sämtliche Aufrufe von jquery-funktionen über diese jquery()-funktionsschnittstelle erfolgen müssen, doch es gibt einen Shortcut für die jquery()-funktion: $(). Anstatt jedes Mal jquery eintippen zu müssen, greifen Sie auf die jquery-bibliothek mit einem Dollarzeichen gefolgt von Klammern zu, wie es die Beispiele in Tabelle 22.1 zeigen. Syntax $("a") $(document) $("#elementid") $(".classname") Beschreibung Alle <a>-elemente im Dokument Das gesamte Dokument; häufig verwendet, um auf die später in diesem Kapitel gezeigte Funktion ready() zuzugreifen Das Element, das durch die ID elementid identifiziert wird Die Elemente, die zur Klasse classname gehören Tabelle 22.1 Einige jquery-selektoren Weitere Selektoren und einschlägige Funktionen lernen Sie später in diesem Kapitel kennen.
4 394 Kapitel 22: Einführung in jquery Wie in JavaScript-Code sollten jquery-anweisungen mit einem Semikolon enden. Außerdem sei darauf hingewiesen, dass man entweder einfache oder doppelte Anführungszeichen als Selektoren in jquery verwenden kann. Zum Beispiel sind die beiden folgenden Anweisungen gleichermaßen gültig: $("a") $('a') Wenn Sie sich Beispiele der jquery-verwendung in der Praxis ansehen (was nicht heißen soll, dass dieses Buch praxisfremd ist), finden Sie sowohl einfache als auch doppelte Anführungszeichen. Die Beispiele in diesem Kapitel verwenden ebenfalls eine Mischung dieser Varianten, um Sie mit beiden Fällen vertraut zu machen. Allerdings ist es am besten, in der praktischen Programmierung einen Stil zu wählen und diesen konsequent beizubehalten. jquery mit dem load-ereignis verbinden Üblicherweise arbeitet man mit jquery, indem man Elemente während des load (oder onload)-ereignisses der Seite verbindet. (Dieses Kapitel geht später ausführlicher auf Ereignisse und Funktionen ein.) In jquery bewerkstelligen Sie das über die Hilfsfunktion.ready() des document-elements. Wie Sie aus dem kurzen Beispiel im vorherigen Abschnitt wissen, greift jquery auf Elemente mit der $()- Syntax zu. Somit können Sie auf das document-element wie folgt zugreifen. $(document) Die Funktion ready() können Sie dann folgendermaßen aufrufen: $(document).ready() Die folgende Übung setzt voraus, dass Sie entweder jquery auf Ihren lokalen Entwicklungscomputer heruntergeladen haben oder ein CDN verwenden. Das Beispiel verwendet die Version von jquery, wobei sich aber diese Versionsnummer möglicherweise bereits geändert hat, wenn Sie die Übung ausführen. Document Ready verwenden 1. Bearbeiten Sie die Datei docready.html im Ordner der Begleitdateien von Kapitel 22 mit Visual Studio, Eclipse oder einem anderen Editor. 2. Ersetzen Sie in dieser Datei den TODO-Kommentar durch den folgenden fettgedruckten Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " <html> <head> <title>document Ready</title> <script type="text/javascript" src="jquery min.js"></script> </head> <body> <script type="text/javascript"> $(document).ready(alert('hi')); </script> </body> </html>
5 Selektoren verwenden Speichern Sie die Datei und öffnen Sie sie in einem Webbrowser. Es erscheint ein alert()-dialogfeld wie in Abbildung 22.1 gezeigt. Abbildung 22.1 Meldungsdialogfeld für das jquery-beispiel Der Code in dieser Schritt-für-Schritt-Übung kombiniert jquery über die Funktion $(document).ready() mit normalem JavaScript-Code, der im Beispiel durch die alert()-funktion verkörpert wird. Diese Mischung aus jquery und JavaScript stellt ein wichtiges Konzept dar: Mit jquery ergänzen Sie normales JavaScript. Viele schwierige und manchmal auch profane Aufgaben lassen sich mit jquery leichter realisieren letztlich so leicht, dass Sie Ihre Zeit sinnvoller in das Erstellen von Features investieren können, anstatt sich den Kopf über browserübergreifende Nuancen zu zerbrechen. Die Funktion $(document).ready() macht es überflüssig, das load-ereignis des Browsers zu verwenden oder einen Funktionsaufruf in das load-ereignis einzufügen. Mit $(document).ready() stehen alle Elemente des DOM (Document Object Model) vor der Funktion.ready() zur Verfügung. TIPP Die Funktion $(document).ready() spielt in vielen Programmieraufgaben mit jquery eine zentrale Rolle. Selektoren verwenden Selektoren sind der Schlüssel für das Arbeiten mit jquery und dem DOM. Mithilfe von Selektoren identifizieren und gruppieren Sie die Elemente, auf denen eine jquery-funktion ausgeführt wird. Wie aus Tabelle 22.1 hervorgeht, sammeln Sie mit Selektoren alle Elemente eines bestimmten Tags, einer bestimmten ID oder mit einer bestimmten Klasse, die ihnen zugeordnet ist. Außerdem können Sie Selektoren noch wirkungsvoller einsetzen, etwa um eine festgelegte Anzahl von Elementen oder nur Elemente mit einer bestimmten Herkunft beispielsweise nur diejenigen <p>-tags, die auf ein <div>-tag folgen auszuwählen. Dieser Abschnitt beschäftigt sich ausführlich mit Selektoren. TIPP Selektoren und ihre Arbeitsweise in jquery basieren auf Selektoren in CSS. Wenn Sie mit deren Verwendung in CSS vertraut sind (wie in Kapitel 15 erläutert), werden Sie sich in diesem Modell schnell zuhause fühlen. Elemente nach ID auswählen Das Beispiel in Tabelle 22.1 hat die allgemeine Syntax für die Auswahl eines Elements nach seinem ID- Attribut gezeigt: $("#elementid")
6 396 Kapitel 22: Einführung in jquery Sehen Sie sich zum Beispiel folgenden HTML-Ausschnitt an: <a href="#" id="linkone">link</a> Mit normalem JavaScript greifen Sie folgendermaßen auf dieses Element zu: getelementbyid("linkone") Mit jquery sieht der Zugriff auf das Element so aus: $("#linkone") Elemente nach Klasse auswählen Um Elemente nach Klasse auszuwählen, setzen Sie einen Punkt (.) vor den Klassennamen. Die Syntax lautet: $(".classname") Zum Beispiel weist der folgende Code einem div-element die Klasse specialclass zu: <div class="specialclass"> Auf dieses Element greifen Sie über jquery folgendermaßen zu: $(".specialclass") Beachten Sie, dass Sie möglicherweise nicht nur auf ein einzelnes Element zugreifen; der Klassenselektor greift auf alle Elemente zu, denen die angegebene Klasse zugeordnet ist. Mit anderen Worten: Wenn mehreren Elementen in der Seite die Klasse "specialclass" zugeordnet ist, greift jquery über den Selektor $(".specialclass") auf alle diese Elemente zu. Mehr zu diesem Thema lernen Sie später kennen, wenn es um Funktionen geht, die jedes mit einem Selektor abgerufene Element durchlaufen. Elemente nach Typ auswählen Selektoren erlauben es auch, auf Elemente nach Typ zuzugreifen, beispielsweise auf alle <div>-elemente, alle <a>-elemente usw. So zeigt der folgende Code, wie Sie auf alle <div>-elemente in einem Dokument zugreifen: $('div') Um auf alle <a>-elemente zuzugreifen, schreiben Sie dementsprechend: $('a') Ein Typselektor bietet Zugriff auf alle Elemente des angegebenen Typs auf einer Seite. Wie der Klassenselektor können Typselektoren mehrere Elemente zurückgeben.
7 Selektoren verwenden 397 Elemente nach Hierarchie auswählen Wie bereits erwähnt, können Sie Elemente nach ihrer Position in Bezug auf andere Elemente auf der Seite auswählen. Um zum Beispiel alle <a>-elemente auszuwählen, die in <div>-elementen enthalten sind, verwenden Sie diese Syntax: $("div a") Die Auswahl lässt sich auch spezifischer festlegen. Brauchen Sie zum Beispiel alle Ankerelemente, die nur auf ein bestimmtes div-element folgen, kombinieren Sie den Typselektor mit der Syntax des ID-Selektors. Als Beispiel sei folgendes HTML gegeben: <div id="leftnav"> <a href="link1.html">link 1</a> <a href="link2.html">link 2</a> </div> Mit der folgenden jquery-selektorsyntax rufen Sie die beiden Ankerelemente innerhalb des div-elements leftnav ab: $("#leftnav a") Möchten Sie lediglich die direkten Nachfahren eines Elements haben, können Sie dies allgemeiner mit dem Größer-als-Zeichen formulieren: $("div > p") Diese Syntax liefert alle <p>-elemente, die direkte Nachfolger eines div-elements sind, jedoch keine <p>- Elemente, die in den ausgewählten <p>-elementen enthalten sind. Mit dem Selektor :nth-child() lässt sich das n-te untergeordnete Elemente in einer Menge auswählen. Das folgende Beispiel wählt das dritte untergeordnete Element aus: $("p:nth-child(3)") Daneben gibt es noch andere hierarchische Selektoren. Weitere Informationen finden Sie in der Referenzdokumentation für jquery-selektoren unter (in englischer Sprache). Elemente nach Position auswählen Wie die letzten Abschnitte gezeigt haben, sind die Selektoren in jquery»gierig«(greedy). Zum Beispiel wählt die Syntax $('a') alle Ankertags aus. In jquery gibt es aber auch mehrere Möglichkeiten, um Elemente in einer Gruppe gezielter auszuwählen. Dazu gehören die Selektoren first und last. Der folgende Code wählt das erste <p>-element in der Seite aus: $("p:first") Analog dazu lässt sich das letzte Element wie folgt auswählen: $("p:last")
8 398 Kapitel 22: Einführung in jquery Außerdem können Sie Elemente durch ihre direkte Position auswählen. Nehmen Sie als Beispiel folgendes HTML: <p>erstes P</p> <p>zweites P</p> <p>drittes P</p> Um das zweite <p>-element auszuwählen, verwenden Sie diese Syntax: $("p")[1] Zu beachten ist, dass der Arrayindex für einen derartigen Selektor bei 0 beginnt, sodass das erste Element den Index 0, das zweite den Index 1 hat usw. Diese Syntax ist etwas gefährlich, da sie sich auf die strikte Positionierung der Elemente innerhalb der Hierarchie verlässt. Wenn jemand ein anderes <p>-tag in die Seite vor dem Element, das Sie auswählen möchten, einfügt, verschiebt sich die Indexposition und der Selektor liefert das falsche Element zurück. Deshalb ist es besser, einen ID-Selektor zu verwenden, um ein einzelnes oder spezifisches Element auszuwählen, anstatt sich auf die Position eines Elements zu verlassen. Eine Alternative zur Auswahl nach Index ist die :eq-syntax. Um zum Beispiel den dritten Absatz auszuwählen, können Sie schreiben: $("p:eq(3)") Schließlich sind manchmal auch die Positionsselektoren even (gerade) und odd (ungerade) willkommen, die jedes zweite Element in einer Menge auswählen: $("p:even") Die Selektoren even und odd sind insbesondere für tabellarische Daten zweckmäßig, wenn die Zeilen alternierend gefärbt werden sollen. Listing 22.2 zeigt ein Beispiel mit dem odd-selektor, um den ungeraden Zeilen einer Tabelle eine andere Hintergrundfarbe als den geraden Zeilen zuzuweisen. HINWEIS Der Code in Listing 22.2 verwendet zwei Elemente, die bisher noch nicht formal eingeführt wurden: eine benutzerdefinierte Funktion und die Funktion.css(). Machen Sie sich keine großen Gedanken darum, mehr zu diesen Elementen erfahren Sie später im Kapitel. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " dtd"> <html> <head> <title>tabellentest</title> <script type="text/javascript" src="jquery min.js"></script> </head> <body> <table> <td>zeile 1 Spalte 1 der Tabelle</td> <td>zeile 1 Spalte 2 der Tabelle</td> <td>zeile 2 Spalte 1 der Tabelle</td> <td>zeile 2 Spalte 2 der Tabelle</td>
9 Selektoren verwenden 399 <td>zeile 3 Spalte 1 der Tabelle</td> <td>zeile 3 Spalte 2 der Tabelle</td> <td>zeile 4 Spalte 1 der Tabelle</td> <td>zeile 4 Spalte 2 der Tabelle</td> <td>zeile 5 Spalte 1 der Tabelle</td> <td>zeile 5 Spalte 2 der Tabelle</td> <td>zeile 6 Spalte 1 der Tabelle</td> <td>zeile 6 Spalte 2 der Tabelle</td> </table> <script type="text/javascript"> $(document).ready(function() { $('tr:odd').css("background-color", "#abacab"); </script> </body> </html> Listing 22.2 Tabellendaten und jquery Der entscheidende Teil dieses Codes befindet sich im JavaScript-Abschnitt im <body>-teil des HTML-Codes: $(document).ready(function() { $('tr:odd').css("background-color", "#abacab"); Der Code verwendet die Funktion $(document).ready() zusammen mit dem :odd-selektor, um die Hintergrundfarbe auf den hexadezimalen Wert #abacab eine hellgraue Färbung zu setzen. Abbildung 22.2 zeigt ein Beispiel für die Ausgabe. Abbildung 22.2 Eine mithilfe von jquery eingefärbte Tabelle HINWEIS Die gebräuchlichsten Positionsselektoren kennen Sie nun. Darüber hinaus stehen viele andere Positionsselektoren zur Verfügung. Weitere Informationen erhalten Sie unter
10 400 Kapitel 22: Einführung in jquery Elemente nach Attribut auswählen Wie die Erläuterungen zum Klassenselektor nahe legen, lassen sich mit jquery auch Elemente auswählen, die lediglich ein Attribut oder ein Attribut mit einem bestimmten Wert enthalten. So wählt der folgende Code alle Bilder aus, denen ein alt-attribut zugeordnet ist: $("img[alt]") Um nur Bilder auszuwählen, bei denen ein alt-attribut auf einen bestimmten Wert gesetzt ist, können Sie schreiben: $("img[alt='alternate text']") Der obige Code wählt ein Bild nur aus, wenn dem alt-attribut der Text alternate text zugewiesen ist. Beachten Sie in diesem Beispiel, wie einzelne und doppelte Anführungszeichen alternierend verwendet werden. Der img-selektor ist in doppelte Anführungszeichen eingeschlossen, während der innere Selektor für das alt-attribut von einfachen Anführungszeichen umgeben ist. Genauso gut hätte man umgekehrt die einfachen Anführungszeichen für den img-selektor und die doppelten Anführungszeichen für den alt- Attributselektor verwenden können: $('img[alt="alternate text"]') Prinzipiell ist es auch möglich, die gleichen Anführungszeichen für beide Selektoren zu verwenden, doch ist es dazu erforderlich, die inneren Anführungszeichen mit Escapezeichen zu versehen: $("img[alt=\"alternate text\"]") Wichtig ist, dass ein derartiger Selektor eine genaue Übereinstimmung erwartet. Im Beispiel muss das alt-attribut die Zeichenfolge "alternate text" aufweisen. Jede Variation wie etwa "alternate text 2" oder " alternate text " ergibt keine Übereinstimmung. In jquery existieren aber auch Platzhalterselektoren, die keine exakte Übereinstimmung bei Attributen verlangen. Sehen Sie sich dazu die Beispiele in Tabelle 22.2 an. Syntax attribute*=value attribute~=value attribute!=value attribute$=value attribute^=value Beschreibung Wählt Elemente aus, die das Attribut (attribute) enthalten, dessen Attributwert den angegebenen Wert (value) als Teilzeichenfolge enthält Wählt Elemente aus, die das Attribut enthalten, dessen Attributwert den angegebenen Wert als ganzes Wort enthält Wählt Elemente aus, die entweder das Attribut nicht enthalten oder für die der Attributwert nicht mit dem angegebenen Wert übereinstimmt Wählt Elemente aus, die das angegebene Attribut enthalten, dessen Attributwert mit der angegebenen Zeichenfolge endet Wählt Elemente aus, die das Attribut enthalten, dessen Attributwert mit der angegebenen Zeichenfolge beginnt Tabelle 22.2 Übereinstimmungen bei Attributselektoren
![So wählt der folgende Code alle Bilder aus, denen ein alt-attribut zugeordnet ist: $("img[alt]") Um nur Bilder auszuwählen, bei denen ein alt-attribut auf einen bestimmten Wert gesetzt ist, können](/docs-images/43/1821802/images/page_10.jpg "Sie schreiben: $(\"img[alt='alternate text']\") Der obige Code wählt ein Bild nur aus, wenn dem alt-attribut der Text alternate text zugewiesen ist.")
11 Funktionen 401 Formularelemente auswählen In jquery gibt es auch native Selektoren, die sich auf Webformulare beziehen. Tabelle 22.3 listet ausgewählte Selektoren auf, wobei einige davon im Rest dieses Kapitels verwendet werden. Selektor :checkbox :checked :input :password :radio :reset :selected :submit :text Tabelle 22.3 Beschreibung Wählt alle Kontrollkästchen aus Wählt alle aktivierten Elemente aus, beispielsweise aktivierte Kontrollkästchen Wählt alle Eingabeelemente auf einer Seite aus Wählt alle Kennworteingaben aus Wählt alle Optionsfeldeingaben aus Wählt alle Eingaben vom Typ reset aus Wählt alle Elemente aus, die momentan markiert sind Wählt alle Eingaben vom Typ submit aus Wählt alle Eingaben vom Typ text aus Formularbezogene Selektoren Weitere Selektoren In jquery gibt es noch mehr Selektoren, wie zum Beispiel Selektoren, die sämtliche ausgeblendeten Elemente (:hidden) oder alle sichtbaren Elemente (:visible) sowie aktivierte, deaktivierte und andere Elemente auswählen. Eine vollständige und aktualisierte Liste der Selektoren in jquery finden Sie unter TIPP Anstatt sich eine komplexe und anfällige Syntax auszudenken, um zu einem bestimmten Element zu gelangen, sollten Sie in der Referenz der jquery-selektoren ( nachsehen, ob bereits jemand das betreffende Selektorproblem gelöst hat. Funktionen Inzwischen kennen Sie jede Menge Beispiele, die Elemente mit jquery auswählen, jedoch nur wenige Beispiele, die zeigen, was Sie mit diesen Elementen anstellen können, nachdem Sie sie ausgewählt haben. Um Aktionen auf ausgewählten Elementen auszuführen, verwendet jquery Funktionen. Dabei ist zwischen integrierten Funktionen von jquery und benutzerdefinierten Funktionen zu unterscheiden. Fast immer werden Sie beide Arten gleichzeitig verwenden. Das DOM durchsuchen Das Wesen der Programmierung im Web mit JavaScript und jetzt auch jquery verlangt häufig, mehrere Elemente zu durchsuchen oder zu durchlaufen zum Beispiel übernimmt die Funktion.each() eine Liste von ausgewählten Elementen, geht die Elemente nacheinander durch und führt beim Schleifendurchlauf
12 402 Kapitel 22: Einführung in jquery durch die Liste auf jedem Element eine Aktion (oder nichts) aus. In jquery sind zahlreiche Funktionen für die Schleifenbearbeitung und das schrittweise Durchlaufen vorhanden. Man bezeichnet diese Vorgänge auch als Traversieren oder Durchsuchen. Weitere Informationen zu Funktionen, die für das Durchsuchen relevant sind, finden Sie unter Wenn Sie Funktionen zum Durchsuchen verwenden, werden Sie dabei fast immer auf eine benutzerdefinierte Wrapperfunktion zusammen mit dem Selektor $(this) zurückgreifen. Wie das Schlüsselwort this in der objektorientierten Programmierung verweist der Selektor $(this) auf das aktuelle Objekt in diesem Fall auf das momentan traversierte Element. Hier dürfte ein Beispiel zweckmäßig sein. Das folgende HTML erstellt eine Spielstandsseite für eine fiktive Volleyball-Meisterschaft: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " <html> <head> <title>iterationstest</title> <script type="text/javascript" src="jquery min.js"></script> </head> <body> <table> <th>team-name</th> <th>gv-satz</th> <th>gewinn-%</th> <td>team 1</td> <td>12-8</td> <td class="percentage">.600</td> <td>team 5</td> <td>11-9</td> <td class="percentage">.550</td> <td>team 4</td> <td>10-10</td> <td class="percentage">.500</td> <td>team 2</td> <td>9-11</td> <td class="percentage">.450</td> <td>team 6</td> <td>6-14</td> <td class="percentage">.300</td> <td>team 3</td> <td>2-18</td> <td class="percentage">.100</td> </table> <script type="text/javascript"> $(document).ready(function() { $('tr:odd').css("background-color", "#abacab");
13 Funktionen 403 </script> </body> </html> Abbildung 22.3 zeigt die in einem Webbrowser geöffnete Seite. Abbildung 22.3 Spielstandsseite für eine fiktive Volleyball-Meisterschaft Dieses Beispiel durchläuft alle Elemente, deren class-attribut mit percentage übereinstimmt d. h. mit einer Klasse, die den Zellen in der Spalte Gewinn-% der Tabelle zugeordnet ist. Für jedes Team, dessen Gewinn/Verlust-Verhältnis größer oder gleich 0,500 ist (das also mindestens die Hälfte seiner Spiele gewonnen hat), weist der Beispielcode dem entsprechenden Feld eine Fettschrift zu. Dies lässt sich mit dem folgenden jquery-code realisieren, der unmittelbar unter dem bereits in der Seite enthaltenen jquery-code einzufügen ist: $('.percentage').each(function() { if ($(this).text() >=.5) { $(this).css('font-weight', 'bold'); } Dieser Code verwendet einen Selektor, um alle Elemente zu erfassen, denen die Klasse percentage zugeordnet ist. Dann greift er auf jedes dieser Elemente mithilfe der Funktion.each() in jquery zu. In der Funktion.each() ermittelt eine benutzerdefinierte Funktion mit einer Bedingungsanweisung, ob der Wert in der Spalte Gewinn-% größer oder gleich 0,5 ist. Trifft dies zu, ruft der Code die Funktion.css() auf, um diesem Element eine font-weight-eigenschaft hinzuzufügen, die auf bold (fett) gesetzt ist. Listing 22.3 zeigt das Ergebnis, nachdem Sie diesen Code in die Seite eingefügt haben. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " dtd"> <html> <head> <title>iterationstest</title> <script type="text/javascript" src="jquery min.js"></script> </head> <body> <table> <th>team-name</th>
14 404 Kapitel 22: Einführung in jquery <th>gv-satz</th> <th>gewinn-%</th> <td>team 1</td> <td>12-8</td> <td class="percentage">.600</td> <td>team 5</td> <td>11-9</td> <td class="percentage">.550</td> <td>team 4</td> <td>10-10</td> <td class="percentage">.500</td> <td>team 2</td> <td>9-11</td> <td class="percentage">.450</td> <td>team 6</td> <td>6-14</td> <td class="percentage">.300</td> <td>team 3</td> <td>2-18</td> <td class="percentage">.100</td> </table> <script type="text/javascript"> $(document).ready(function() { $('tr:odd').css("background-color", "#abacab"); $('.percentage').each(function() { if ($(this).text() >=.5) { $(this).css('font-weight', 'bold'); } </script> </body> </html> Listing 22.3 Die Seite für die Volleyball-Meisterschaft mit zusätzlichem jquery-code Wenn Sie diese Seite in einem Browser öffnen, ist nun die Spalte für diejenigen Teams, die mindestens die Hälfte der Spiele gewonnen haben, fett formatiert, wie Abbildung 22.4 zeigt.
15 Funktionen 405 Abbildung 22.4 Die Spalte Gewinn-% ist jetzt mithilfe von jquery fett formatiert Wie die Ausgabe in Abbildung 22.4 zeigt, würde es sicherlich besser aussehen, die Fettschrift auf die gesamte Tabellenzeile und nicht nur auf die Spalte Gewinn-% anzuwenden. Dies scheint schwierig zu sein, da der Code logisch bereits hinter dieser HTML-Tabellenzeile liegt, wenn der Test stattfindet, um den Gewinnanteil zu ermitteln. Hier kommt uns jquery mit der Funktion.parent() zu Hilfe. (Prinzipiell gibt es mehrere Möglichkeiten, diese Aufgabe zu realisieren. Die Funktion.parent() ist lediglich eine davon.) Mit der Funktion parent() geht man praktisch in der DOM-Struktur nach oben, um das -Tag zu finden, das das jeweilige <td>-element umschließt. Indem man die CSS-Formatänderung auf das -Element anwendet, kann man die gesamte Zeile fett formatieren. Der neue Code sieht wie folgt aus (Änderung fettgedruckt): $('.percentage').each(function() { if ($(this).text() >=.5) { $(this).parent().css('font-weight', 'bold'); } Wenn Sie diese Änderung in den Code von Listing 22.3 übernehmen, sieht die Ausgabe wie in Abbildung 22.5 gezeigt aus. Abbildung 22.5 Eine CSS-Formatierung auf der Ebene der Tabellenzeile zuweisen
16 406 Kapitel 22: Einführung in jquery HINWEIS Dieser überarbeitete Code ist in der Begleitdatei listing22-4.html enthalten. Mit der Funktion.parent() kommen wir zu einem neuen Konzept, das als Verkettung bezeichnet wird. Verkettung ist ein leistungsfähiges Konstrukt in jquery, da es zusätzliche Auswahlebenen sowie die Anwendung von Funktionen über mehrere Ebenen hinweg ermöglicht. Im Beispiel wird der Selektor $(this) mit der Funktion.parent() verkettet, wodurch das übergeordnete Element von $(this) ausgewählt wird. Nur dann führt der Code die Funktion.css() aus. Die Leistungsfähigkeit der Verkettung birgt aber auch gewisse Risiken. Es ist durchaus möglich, dass Sie auf diesem Wege zu schwer verständlichem und schwer zu wartendem Code gelangen. Außerdem kann durch Verkettung schwer kontrollierbarer Code entstehen, wenn sich die Elemente in einem verketteten Selektor ändern. Verkettung ist leistungsfähig und Sie sollten sie wenn möglich auch verwenden doch sollte dies nicht zu Lasten der Verständlichkeit oder Wartbarkeit gehen. Die bisher in diesem Kapitel gezeigten Beispiele haben das CSS per JavaScript direkt angesprochen und geändert. Wie Kapitel 15 erläutert hat, empfiehlt es sich nicht, das Format oder die Darstellungsaspekte einer Webseite über JavaScript zu ändern. Besser ist es, Formate über CSS anzuwenden oder zu entfernen, anstatt Attribute direkt zu ändern. Es existieren mehrere Methoden, um mit CSS-Formatklassen in jquery zu arbeiten. Dazu gehören.hasclass(),.addclass(),.removeclass() und.toggleclass(). Weitere Informationen zum Arbeiten mit Klassen über diese und andere Funktionen finden Sie unter Mit Attributen arbeiten Neben den klassenbezogenen Attributfunktionen bietet jquery auch Funktionen, um mit Attributen des DOM zu arbeiten. Die generischste davon ist die Funktion.attr(), obwohl auch andere Funktionen wie.html() und.val() nützlich sind. Dieser Abschnitt beschäftigt sich mit der Funktion.attr(), die Funktionen.html(),.val() und andere kommen in einem späteren Abschnitt zur Sprache. Mit der Funktion.attr() lassen sich Attribute sowohl abrufen als auch festlegen. Zum Beispiel können Sie das alt-attribut mit der folgenden Syntax abrufen bzw. setzen: // Das alt-attribut abrufen: $("#myimageid").attr("alt") // Das alt-attribut festlegen: $("#myimageid").attr("alt", "new text") HINWEIS Es ist nicht erforderlich, den Wert des Elements abzurufen, bevor man ihn festlegt. Text und HTML ändern Mit Funktionen wie.text() und.val() können Sie eine Seite vollkommen neu schreiben. Aber nur weil man es kann, heißt das nicht, dass es eine gute Idee ist. Dennoch kann es manchmal notwendig sein, Teile von HTML in einer Seite neu zu schreiben oder Text bzw. Werte zu ändern. Die Funktion.html() ruft das gesamte HTML in einem ausgewählten Element ab oder legt es fest. Sehen Sie sich zum Beispiel folgendes HTML an: <div id="mydiv">hier ist ein div-element</div>
17 Funktionen 407 Der Code mit jquery sieht folgendermaßen aus: $("#mydiv").html('<span class="redstyle">dies ist der neue Inhalt des div-elements</span>'); Im Ergebnis dieses jquery-fragments enthält jetzt das <div>-element mit der ID mydiv ein <span>- Element mit neuem Text. Dieses Beispiel ist zwar stark vereinfacht, doch stellen Sie sich vor, wenn <div> einen ganzen Inhaltsabschnitt enthalten würde. Mit jquery können Sie praktisch diesen gesamten Abschnitt, HTML usw. neu schreiben. Wie die Funktion.html() unterstützt die Funktion.text() sowohl das Abrufen als auch Festlegen von Text innerhalb eines ausgewählten Elements. Im Unterschied zu.html() ändert die Funktion.text() nur den Text. Es ist also nicht möglich, das HTML innerhalb des ausgewählten Elements zu ändern. <div id="mydiv">hier ist ein div-element</div> $("#mydiv").text('dies ist der neue Inhalt des div-elements'); Dieser Beispielcode hat nur den Text geändert; er hat weder ein span-tag hinzugefügt noch Formate angewandt. Elemente einfügen Mit jquery lassen sich auch leicht Elemente zu einer Seite hinzufügen. Hierfür sind vor allem die beiden Funktionen :after() und :before() vorgesehen. Wie aus den Namen hervorgeht, fügen diese Funktionen Elemente entweder nach oder vor einem ausgewählten Element ein. Nehmen Sie als Beispiel noch einmal das div-element: <div id="mydiv">hier ist ein div-element</div> Das folgende jquery-fragment fügt vor diesem div-element ein weiteres div-element ein: $("#mydiv").before("<div>dies ist ein neues div-element</div>"); Die Funktion :after() arbeit in ähnlicher Weise: $("#mydiv").after("<div>dies ist ein neues div-element, es erscheint nach mydiv</div>"); Nach der Ausführung gibt es in der Seite, die diesen Code enthält, drei <div>-elemente: <div>dies ist ein neues div-element</div> <div id="mydiv">hier ist ein div-element</div> <div>dies ist ein neues div-element, es erscheint nach mydiv</div> Die gezeigten Beispiele fügen zusätzliche <div>-elemente ein natürlich ist es aber möglich, jedes gültige Element in diesen Funktionen einzufügen. Callback-Funktionen Manchmal müssen Sie eine Funktion ausführen, wenn eine andere Funktion oder der Teil einer Funktion abgeschlossen ist. Ein derartiges Konstrukt bezeichnet man als Callback-Funktion (Rückruffunktion). Eine Callback-Funktion wird ausgeführt, nachdem ihre übergeordnete Funktion beendet ist. jquery macht ausgiebig Gebrauch von Callback-Funktionen, insbesondere in AJAX. Ein Beispiel für eine Callback- Funktion haben Sie bereits beim Durchsuchen einer Liste mit der Funktion.each() kennengelernt.
18 408 Kapitel 22: Einführung in jquery Weitere Informationen zu Callback-Funktionen finden Sie unter jquery_works (in englischer Sprache). Die Codebeispiele im Rest dieses Kapitels verwenden ebenfalls Callback-Funktionen. Wenn Sie Einsteiger oder Fortgeschrittener in der JavaScript-Programmierung sind, sollten Sie sich nicht zu viele Gedanken über Callback-Funktionen machen. Es handelt sich lediglich um einen Codeblock, der innerhalb einer anderen Funktion aufgerufen wird. Ereignisse Inzwischen haben Sie mehrere Beispiele von Selektoren kennengelernt und an der Oberfläche von Funktionen in jquery gekratzt. Der letzte Teil dieser Einführung zu jquery dreht sich nun um Ereignisse. Genau wie die Ereignisbehandlung von JavaScript versetzt Sie jquery in die Lage, dass Ihre Programme auf Mausklicks, Formularübertragungen, Tastenbetätigen usw. reagieren. Im Unterschied zu JavaScript ist die browserübergreifende Ereignisbehandlung in jquery recht einfach. Für derartige Umgebungen ist jquery geradezu prädestiniert und erspart es Ihnen insbesondere bei der Ereignisbehandlung herauszufinden, wie jeder Browser auf bestimmte Funktionen reagiert. Binden und Bindung aufheben Die Funktion.bind() verbindet einen Ereignishandler mit einem Ereignis, beispielsweise einem Mausklick:.bind(event, data, handler) In diesem Beispiel ist event das Ereignis, auf das Sie reagieren möchten, data ein optionales Objekt mit zusätzlichen Daten, die an den Ereignishandler zu übergeben sind, und handler die Funktion, die als Reaktion auf dieses Ereignis auszuführen ist. Zum Beispiel: <a href="/link1.html" id="mylink">ein Link</a> $("#mylink").bind("click", function() { alert("link wurde angeklickt"); Im Ergebnis dieses Codes zeigt die Seite eine alert()-meldung an, nachdem das click-ereignis für das Ankertag abgefangen wurde. Beachten Sie, dass dieses Beispiel nicht den optionalen Parameter im Aufruf von.bind() verwendet. Mit der Funktion.bind() lassen sich die folgenden Ereignisse binden: beforeunload hover mouseout blur keydown mouseover change keypress mouseup click keyup resize dblclick load scroll
19 Ereignisse 409 error mousedown select focus mouseenter submit focusin mouseleave toggle focusout mousemove unload In vorherigen Kapiteln haben Sie Ereignisse mit dem in Kapitel 11 entwickelten Skript ehandler.js abgefangen. Das Skript ehandler.js realisiert einen generischen Ereignishandler, der bis zu einem gewissen Grad browserübergreifend arbeitet. Praktisch setzt das Skript das um, was die Funktion.bind() von jquery verkörpert. Der Unterschied besteht darin, dass die Funktion.bind() in Bezug auf die browserübergreifende Ereignisbehandlung wesentlich besser abschneidet und leistungsfähiger ist als das Skript ehandler.js. Es ist zwar durchaus richtig, die Funktion.bind() für die Ereignisbehandlung zu verwenden, doch bietet jquery auch Shortcut-Funktionen, die in der gleichen Weise wie.bind() arbeiten. So können Sie anstelle von.bind("click", function())... einfach.click(function()... schreiben. Zum Beispiel lässt sich das weiter oben angegebene.bind()-beispiel wie folgt neu formulieren: $("#mylink").click(function() { alert("link wurde angeklickt"); Es ist nicht nur möglich, auf Ereignisse wie zum Beispiel das Anklicken eines Links zu reagieren, Ereignisse lassen sich auch auslösen. Sehen Sie sich als Beispiel den Code in Listing 22.5 an. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " <html> <head> <title>trigger-test</title> <script type="text/javascript" src="jquery min.js"></script> </head> <body> <div id="mydiv"> Hier steht etwas Text.<br> Er steht in diesem div-element<br> </div> <p> <a id="braingialink" href=" Suehring</a> </p> <script type="text/javascript"> $(document).ready(function() { $('#braingialink').click(function() { alert("hallo"); return true; $('#mydiv').click(function() { $('#braingialink').click(); </script> </body> </html> Listing 22.5 Auf Ereignisse reagieren
20 410 Kapitel 22: Einführung in jquery Wenn diese Seite in einen Webbrowser geladen wird, löst ein Klicken an beliebiger Stelle innerhalb des <div>-elements das click-ereignis für den Anker aus, als hätten Sie auf den Anker selbst geklickt. Um das Reagieren auf Ereignisse zu stoppen, können Sie mit der Funktion.unbind() die Bindung aufheben. Die Funktion.unbind() übernimmt zwei Argumente:.unbind(event, function) Das Argument event ist das Ereignis, auf das nicht mehr reagiert werden soll, und das Argument function bezeichnet die Funktion, die momentan an das Ereignis gebunden ist. HINWEIS Um mehrere Ereignishandler mit demselben Ereignis zu verbinden, rufen Sie.bind() entsprechend mehrere Male für dieses Ereignis auf. Mausereignisse und Hover Die vorhergehenden Beispiele haben gezeigt, wie sich das click-ereignis binden und behandeln lässt. Darüber hinaus ist es auch möglich, Mausereignisse wie mouseover und mouseout zu verarbeiten. So ist denkbar, Elemente verschwinden zu lassen, wenn der Benutzer den Mauszeiger daraufsetzt (was möglicherweise zur Frustration des Benutzers führt und auf einer realen Site nicht verwendet werden sollte). Der Code in Listing 22.6 lässt einen Anker verschwinden, wenn der Benutzer den Mauszeiger über den darin enthaltenen Absatz führt. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " <html> <head> <title>trigger-test</title> <script type="text/javascript" src="jquery min.js"></script> <style type="text/css"> #braingialink { border: solid 1px black; padding: 3px; } #wrapperp { padding: 50px; } </style> </head> <body> <div id="mydiv"> Hier steht etwas Text.<br> Er steht in diesem div-element<br> </div> <p id="wrapperp"> <a id="braingialink" href=" Suehring</a> </p> <script type="text/javascript"> $(document).ready(function() { $('#braingialink').click(function() { alert("hallo"); return true;
5.2 Neue Projekte erstellen
5.2 Neue Projekte erstellen Das Bearbeiten von bestehenden Projekten und Objekten ist ja nicht schlecht wie aber können Sie neue Objekte hinzufügen oder gar völlig neue Projekte erstellen? Die Antwort
Inhalt. 1 Einleitung AUTOMATISCHE DATENSICHERUNG AUF EINEN CLOUDSPEICHER
AUTOMATISCHE DATENSICHERUNG AUF EINEN CLOUDSPEICHER Inhalt 1 Einleitung... 1 2 Einrichtung der Aufgabe für die automatische Sicherung... 2 2.1 Die Aufgabenplanung... 2 2.2 Der erste Testlauf... 9 3 Problembehebung...
Meine erste Homepage - Beispiele
Meine erste - Beispiele 1. Beispiel meine Willkommen auf meiner Befehle nicht über Hier ist ein Senior, der noch fit für's Internet ist. Probieren wir
Die Dateiablage Der Weg zur Dateiablage
Die Dateiablage In Ihrem Privatbereich haben Sie die Möglichkeit, Dateien verschiedener Formate abzulegen, zu sortieren, zu archivieren und in andere Dateiablagen der Plattform zu kopieren. In den Gruppen
Erstellen eines Formulars
Seite 1 von 5 Word > Erstellen bestimmter Dokumente > Formen Erstellen von Formularen, die in Word ausgefüllt werden können Basierend auf einer Vorlage können Sie dieser Inhaltssteuerelemente und Hinweistext
Step by Step Webserver unter Windows Server 2003. von Christian Bartl
Step by Step Webserver unter Windows Server 2003 von Webserver unter Windows Server 2003 Um den WWW-Server-Dienst IIS (Internet Information Service) zu nutzen muss dieser zunächst installiert werden (wird
Designänderungen mit CSS und jquery
Designänderungen mit CSS und jquery In der epages-administration gibt es in den Menüpunkten "Schnelldesign" und "Erweitertes Design" umfangreiche Möglichkeiten, das Design der Webseite anzupassen. Erfahrene
Über die Internetseite www.cadwork.de Hier werden unter Download/aktuelle Versionen die verschiedenen Module als zip-dateien bereitgestellt.
Internet, Codes und Update ab Version 13 Um Ihnen einen möglichst schnellen Zugang zu den aktuellsten Programmversionen zu ermöglichen liegen Update-Dateien für Sie im Internet bereit. Es gibt drei Möglichkeiten
Einrichten des IIS für VDF WebApp. Einrichten des IIS (Internet Information Server) zur Verwendung von Visual DataFlex Web Applications
Einrichten des IIS (Internet Information Server) zur Verwendung von Visual DataFlex Web Applications Windows 8 Systemsteuerung > Programme > Windows Features aktivieren / deaktivieren > Im Verzeichnisbaum
Web-Kürzel. Krishna Tateneni Yves Arrouye Deutsche Übersetzung: Stefan Winter
Krishna Tateneni Yves Arrouye Deutsche Übersetzung: Stefan Winter 2 Inhaltsverzeichnis 1 Web-Kürzel 4 1.1 Einführung.......................................... 4 1.2 Web-Kürzel.........................................
Guide DynDNS und Portforwarding
Guide DynDNS und Portforwarding Allgemein Um Geräte im lokalen Netzwerk von überall aus über das Internet erreichen zu können, kommt man um die Themen Dynamik DNS (kurz DynDNS) und Portweiterleitung(auch
Leitfaden zur ersten Nutzung der R FOM Portable-Version für Windows (Version 1.0)
Leitfaden zur ersten Nutzung der R FOM Portable-Version für Windows (Version 1.0) Peter Koos 03. Dezember 2015 0 Inhaltsverzeichnis 1 Voraussetzung... 3 2 Hintergrundinformationen... 3 2.1 Installationsarten...
Um dies zu tun, öffnen Sie in den Systemeinstellungen das Kontrollfeld "Sharing". Auf dem Bildschirm sollte folgendes Fenster erscheinen:
Einleitung Unter MacOS X hat Apple die Freigabe standardmäßig auf den "Public" Ordner eines Benutzers beschränkt. Mit SharePoints wird diese Beschränkung beseitigt. SharePoints erlaubt auch die Kontrolle
INDEX. Öffentliche Ordner erstellen Seite 2. Offline verfügbar einrichten Seite 3. Berechtigungen setzen Seite 7. Öffentliche Ordner Offline
Öffentliche Ordner Offline INDEX Öffentliche Ordner erstellen Seite 2 Offline verfügbar einrichten Seite 3 Berechtigungen setzen Seite 7 Erstelldatum 12.08.05 Version 1.1 Öffentliche Ordner Im Microsoft
Objektorientierte Programmierung für Anfänger am Beispiel PHP
Objektorientierte Programmierung für Anfänger am Beispiel PHP Johannes Mittendorfer http://jmittendorfer.hostingsociety.com 19. August 2012 Abstract Dieses Dokument soll die Vorteile der objektorientierten
Stellen Sie bitte den Cursor in die Spalte B2 und rufen die Funktion Sverweis auf. Es öffnet sich folgendes Dialogfenster
Es gibt in Excel unter anderem die so genannten Suchfunktionen / Matrixfunktionen Damit können Sie Werte innerhalb eines bestimmten Bereichs suchen. Als Beispiel möchte ich die Funktion Sverweis zeigen.
Einstellungen im Internet-Explorer (IE) (Stand 11/2013) für die Arbeit mit IOS2000 und DIALOG
Einstellungen im Internet-Explorer (IE) (Stand 11/2013) für die Arbeit mit IOS2000 und DIALOG Um mit IOS2000/DIALOG arbeiten zu können, benötigen Sie einen Webbrowser. Zurzeit unterstützen wir ausschließlich
iphone-kontakte zu Exchange übertragen
iphone-kontakte zu Exchange übertragen Übertragen von iphone-kontakten in ein Exchange Postfach Zunächst muss das iphone an den Rechner, an dem es üblicherweise synchronisiert wird, angeschlossen werden.
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
.htaccess HOWTO. zum Schutz von Dateien und Verzeichnissen mittels Passwortabfrage
.htaccess HOWTO zum Schutz von Dateien und Verzeichnissen mittels Passwortabfrage Stand: 21.06.2015 Inhaltsverzeichnis 1. Vorwort...3 2. Verwendung...4 2.1 Allgemeines...4 2.1 Das Aussehen der.htaccess
1 Einleitung. Lernziele. Symbolleiste für den Schnellzugriff anpassen. Notizenseiten drucken. eine Präsentation abwärtskompatibel speichern
1 Einleitung Lernziele Symbolleiste für den Schnellzugriff anpassen Notizenseiten drucken eine Präsentation abwärtskompatibel speichern eine Präsentation auf CD oder USB-Stick speichern Lerndauer 4 Minuten
Task: Nmap Skripte ausführen
Task: Nmap Skripte ausführen Inhalt Einfache Netzwerkscans mit NSE Ausführen des Scans Anpassung der Parameter Einleitung Copyright 2009-2015 Greenbone Networks GmbH Herkunft und aktuellste Version dieses
Excel Pivot-Tabellen 2010 effektiv
7.2 Berechnete Felder Falls in der Datenquelle die Zahlen nicht in der Form vorliegen wie Sie diese benötigen, können Sie die gewünschten Ergebnisse mit Formeln berechnen. Dazu erzeugen Sie ein berechnetes
KURZANLEITUNG CLOUD OBJECT STORAGE
KURZANLEITUNG CLOUD OBJECT STORAGE Version 1.12 01.07.2014 SEITE _ 2 INHALTSVERZEICHNIS 1. Einleitung... Seite 03 2. Anmelden am Cloud&Heat Dashboard... Seite 04 3. Anlegen eines Containers... Seite 05
Modul 2: Automatisierung des Posteingangs - Regel- und Abwesenheits-Assistent
Outlook 2003 - Aufbaukurs 19 Modul 2: Automatisierung des Posteingangs - Regel- und Abwesenheits-Assistent Wie kann ich die Bearbeitung von Nachrichten automatisieren? Wie kann ich Nachrichten automatisch
Seite 1 von 14. Cookie-Einstellungen verschiedener Browser
Seite 1 von 14 Cookie-Einstellungen verschiedener Browser Cookie-Einstellungen verschiedener Browser, 7. Dezember 2015 Inhaltsverzeichnis 1.Aktivierung von Cookies... 3 2.Cookies... 3 2.1.Wofu r braucht
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
YouTube: Video-Untertitel übersetzen
Der Easytrans24.com-Ratgeber YouTube: Video-Untertitel übersetzen Wie Sie mit Hilfe von Easytrans24.com in wenigen Schritten Untertitel für Ihre YouTube- Videos in mehrere Sprachen übersetzen lassen können.
L10N-Manager 3. Netzwerktreffen der Hochschulübersetzer/i nnen Mannheim 10. Mai 2016
L10N-Manager 3. Netzwerktreffen der Hochschulübersetzer/i nnen Mannheim 10. Mai 2016 Referentin: Dr. Kelly Neudorfer Universität Hohenheim Was wir jetzt besprechen werden ist eine Frage, mit denen viele
FTP-Server einrichten mit automatischem Datenupload für SolarView@Fritzbox
FTP-Server einrichten mit automatischem Datenupload für SolarView@Fritzbox Bitte beachten: Der im folgenden beschriebene Provider "www.cwcity.de" dient lediglich als Beispiel. Cwcity.de blendet recht häufig
TEAMWORK-Uploader. Dokumentenaustausch mit dem PC
TEAMWORK-Uploader Dokumentenaustausch mit dem PC Inhalt 1. Upload Ordner einrichten... 3 2. TEAMWORK mit lokalem Ordner verknüpfen... 3 3. Verwendung der Dokumentenarten... 5 3.1 Standarddokumente...5
SANDBOXIE konfigurieren
SANDBOXIE konfigurieren für Webbrowser und E-Mail-Programme Dies ist eine kurze Anleitung für die grundlegenden folgender Programme: Webbrowser: Internet Explorer, Mozilla Firefox und Opera E-Mail-Programme:
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
CSS-Grundlagen. Etwas über Browser. Kapitel. Die Vorbereitung
Kapitel 1 Die Vorbereitung Vorgängerversionen. Bald darauf folgte dann schon die Version 4, die mit einer kleinen Bearbeitung bis vor Kurzem 15 Jahre unverändert gültig war. All das, was du die letzten
Mit der Maus im Menü links auf den Menüpunkt 'Seiten' gehen und auf 'Erstellen klicken.
Seite erstellen Mit der Maus im Menü links auf den Menüpunkt 'Seiten' gehen und auf 'Erstellen klicken. Es öffnet sich die Eingabe Seite um eine neue Seite zu erstellen. Seiten Titel festlegen Den neuen
Die Beschreibung bezieht sich auf die Version Dreamweaver 4.0. In der Version MX ist die Sitedefinition leicht geändert worden.
In einer Website haben Seiten oft das gleiche Layout. Speziell beim Einsatz von Tabellen, in denen die Navigation auf der linken oder rechten Seite, oben oder unten eingesetzt wird. Diese Anteile der Website
Plugins. Stefan Salich (sallo@gmx.de) Stand 2008-11-21
Plugins Stefan Salich (sallo@gmx.de) Stand 2008-11-21 Inhaltsverzeichnis 0 Einleitung...3 0.1 Sinn und Zweck...3 0.2 Änderungsübersicht...3 0.3 Abkürzungsverzeichnis...3 1 Einfügen eines Plugins...4 1.1
Beispiel Shop-Eintrag Ladenlokal & Online-Shop im Verzeichnis www.wir-lieben-shops.de 1
Beispiel Shop-Eintrag Ladenlokal & Online-Shop. Als Händler haben Sie beim Shop-Verzeichnis wir-lieben-shops.de die Möglichkeit einen oder mehrere Shop- Einträge zu erstellen. Es gibt 3 verschiedene Typen
BFV Widgets Kurzdokumentation
BFV Widgets Kurzdokumentation Mit Hilfe eines BFV-Widgets lassen sich die neuesten Ergebnisse und die aktuellen Tabellen des BFV auf der eigenen nicht kommerziellen Webseite mit wenig Aufwand einbeten.
Lieber SPAMRobin -Kunde!
Lieber SPAMRobin -Kunde! Wir freuen uns, dass Sie sich für SPAMRobin entschieden haben. Mit diesem Leitfaden möchten wir Ihnen die Kontoeinrichtung erleichtern und die Funktionen näher bringen. Bitte führen
Speichern. Speichern unter
Speichern Speichern unter Speichern Auf einem PC wird ständig gespeichert. Von der Festplatte in den Arbeitspeicher und zurück Beim Download Beim Kopieren Beim Aufruf eines Programms Beim Löschen Beim
Folgende Einstellungen sind notwendig, damit die Kommunikation zwischen Server und Client funktioniert:
Firewall für Lexware professional konfigurieren Inhaltsverzeichnis: 1. Allgemein... 1 2. Einstellungen... 1 3. Windows XP SP2 und Windows 2003 Server SP1 Firewall...1 4. Bitdefender 9... 5 5. Norton Personal
3. GLIEDERUNG. Aufgabe:
3. GLIEDERUNG Aufgabe: In der Praxis ist es für einen Ausdruck, der nicht alle Detaildaten enthält, häufig notwendig, Zeilen oder Spalten einer Tabelle auszublenden. Auch eine übersichtlichere Darstellung
Stapelverarbeitung Teil 1
Stapelverarbeitung Teil 1 In jedem Unternehmen gibt es von Zeit zu Zeit Änderungen in Normen und Firmenstandards, an die aktuelle und bereits bestehende Zeichnungen angepasst werden müssen. Auch Fehler
Multivariate Tests mit Google Analytics
Table of Contents 1. Einleitung 2. Ziele festlegen 3. Einrichtung eines Multivariate Tests in Google Analytics 4. Das JavaScript 5. Die Auswertung der Ergebnisse Multivariate Tests mit Google Analytics
Lernprogramm "Veröffentlichen von WMS- Services"
Lernprogramm "Veröffentlichen von WMS- Services" Copyright 1995-2012 Esri All rights reserved. Table of Contents Lernprogramm: WMS-Service veröffentlichen....................... 0 Copyright 1995-2012 Esri.
Lineargleichungssysteme: Additions-/ Subtraktionsverfahren
Lineargleichungssysteme: Additions-/ Subtraktionsverfahren W. Kippels 22. Februar 2014 Inhaltsverzeichnis 1 Einleitung 2 2 Lineargleichungssysteme zweiten Grades 2 3 Lineargleichungssysteme höheren als
Jederzeit Ordnung halten
Kapitel Jederzeit Ordnung halten 6 auf Ihrem Mac In diesem Buch war bereits einige Male vom Finder die Rede. Dieses Kapitel wird sich nun ausführlich diesem so wichtigen Programm widmen. Sie werden das
! " # $ " % & Nicki Wruck worldwidewruck 08.02.2006
!"# $ " %& Nicki Wruck worldwidewruck 08.02.2006 Wer kennt die Problematik nicht? Die.pst Datei von Outlook wird unübersichtlich groß, das Starten und Beenden dauert immer länger. Hat man dann noch die.pst
Inkrementelles Backup
Inkrementelles Backup Im Gegensatz zu einer kompletten Sicherung aller Daten werden bei einer inkrementellen Sicherung immer nur die Dateien gesichert, die seit der letzten inkrementellen Sicherung neu
... ... Sicherheitseinstellungen... 2 Pop-up-Fenster erlauben... 3
Browsereinstellungen Um die Know How! Lernprogramm nutzen zu können, sind bei Bedarf unterschiedliche Einstellungen in Ihren Browsern nötig. Im Folgenden finden Sie die Beschreibung für unterschiedliche
Qt-Projekte mit Visual Studio 2005
Qt-Projekte mit Visual Studio 2005 Benötigte Programme: Visual Studio 2005 Vollversion, Microsoft Qt 4 Open Source s. Qt 4-Installationsanleitung Tabelle 1: Benötigte Programme für die Qt-Programmierung
Ordner Berechtigung vergeben Zugriffsrechte unter Windows einrichten
Ordner Berechtigung vergeben Zugriffsrechte unter Windows einrichten Was sind Berechtigungen? Unter Berechtigungen werden ganz allgemein die Zugriffsrechte auf Dateien und Verzeichnisse (Ordner) verstanden.
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
Facebook I-Frame Tabs mit Papoo Plugin erstellen und verwalten
Facebook I-Frame Tabs mit Papoo Plugin erstellen und verwalten Seit Anfang Juni 2012 hat Facebook die Static FBML Reiter deaktiviert, so wird es relativ schwierig für Firmenseiten eigene Impressumsreiter
Kurzanleitung zu. von Daniel Jettka 18.11.2008
Kurzanleitung zu Tigris.org Open Source Software Engineering Tools von Daniel Jettka 18.11.2008 Inhaltsverzeichnis 1.Einführung...1 2.Das Projektarchivs...3 2.1.Anlegen des Projektarchivs...3 2.2.Organisation
Datenbank-Verschlüsselung mit DbDefence und Webanwendungen.
Datenbank-Verschlüsselung mit DbDefence und Webanwendungen. In diesem Artikel werden wir Ihnen zeigen, wie Sie eine Datenbank verschlüsseln können, um den Zugriff einzuschränken, aber trotzdem noch eine
Lizenzen auschecken. Was ist zu tun?
Use case Lizenzen auschecken Ihr Unternehmen hat eine Netzwerk-Commuterlizenz mit beispielsweise 4 Lizenzen. Am Freitag wollen Sie Ihren Laptop mit nach Hause nehmen, um dort am Wochenende weiter zu arbeiten.
Kennen, können, beherrschen lernen was gebraucht wird www.doelle-web.de
Inhaltsverzeichnis Inhaltsverzeichnis... 1 Grundlagen... 2 Hyperlinks innerhalb einer Datei... 2 Verweisziel definieren... 2 Einen Querverweis setzen... 3 Verschiedene Arten von Hyperlinks... 3 Einfache
Schiller-Gymnasium Hof 20.12.2004
Erstellen eines HTML-Dokumentes Zum Erstellen einer Homepage benötigen wir lediglich einen Editor. Zum Ansehen der fertigen Site benötigen wir wir natürlich auch einen Browser, z.b. Firefox oder Netscape
VIDA ADMIN KURZANLEITUNG
INHALT 1 VIDA ADMIN... 3 1.1 Checkliste... 3 1.2 Benutzer hinzufügen... 3 1.3 VIDA All-in-one registrieren... 4 1.4 Abonnement aktivieren und Benutzer und Computer an ein Abonnement knüpfen... 5 1.5 Benutzername
Zeichen bei Zahlen entschlüsseln
Zeichen bei Zahlen entschlüsseln In diesem Kapitel... Verwendung des Zahlenstrahls Absolut richtige Bestimmung von absoluten Werten Operationen bei Zahlen mit Vorzeichen: Addieren, Subtrahieren, Multiplizieren
Ich möchte eine Bildergalerie ins Internet stellen
Ich möchte eine Bildergalerie ins Internet stellen Ich habe viele Fotos von Blumen, von Häusern, von Menschen. Ich möchte zu einem Thema Fotos sammeln, eine Vorschau erstellen und die Fotos so in der Größe
Wordpress: Blogbeiträge richtig löschen, archivieren und weiterleiten
Wordpress: Blogbeiträge richtig löschen, archivieren und weiterleiten Version 1.0 Wordpress: Blogbeiträge richtig löschen, archivieren und weiterleiten In unserer Anleitung zeigen wir Dir, wie Du Blogbeiträge
Wir basteln einen Jahreskalender mit MS Excel.
Wir basteln einen Jahreskalender mit MS Excel. In meinen Seminaren werde ich hin und wieder nach einem Excel-Jahreskalender gefragt. Im Internet findet man natürlich eine ganze Reihe mehr oder weniger
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
Visualisierung auf Büro PC s mit dem ibricks Widget
Automation Server Visualisierung auf Büro PC s mit dem Widget Solutions Industriestrasse 25A CH-3178 Bösingen mail@.ch www..ch Tel +41 31 5 110 110 Fax+41 31 5 110 112 Solutions Bausteine zum intelligenten
Das Handbuch zu KNetAttach. Orville Bennett Übersetzung: Thomas Bögel
Orville Bennett Übersetzung: Thomas Bögel 2 Inhaltsverzeichnis 1 Einführung 5 2 KNetAttach verwenden 6 2.1 Hinzufügen von Netzwerkordnern............................ 6 3 Rundgang durch KNetAttach 8 4 Danksagungen
Erstellen von x-y-diagrammen in OpenOffice.calc
Erstellen von x-y-diagrammen in OpenOffice.calc In dieser kleinen Anleitung geht es nur darum, aus einer bestehenden Tabelle ein x-y-diagramm zu erzeugen. D.h. es müssen in der Tabelle mindestens zwei
Tipps und Tricks zu Netop Vision und Vision Pro
Tipps und Tricks zu Netop Vision und Vision Pro Zulassen, filtern, sperren: Das Internet im Unterricht gezielt einsetzen Das Internet ist ein dynamisches Gebilde, das viel Potenzial für den Unterricht
Als Lehrende/r oder Mitwirkende/r einer Veranstaltung können Sie das Wiki unter dem Funktionsreiter + aktivieren und deaktivieren.
WikiWikiWeb Das automatisch in einer Veranstaltung aktivierte Modul/Plugin Wiki-Web ist eine Variante eines Wiki (hawaiisch für schnell ), in dem es den TeilnehmerInnen möglich ist, direkt in der angewählten
Newsletter. 1 Erzbistum Köln Newsletter
Newsletter 1 Erzbistum Köln Newsletter Inhalt 1. Newsletter verwalten... 3 Schritt 1: Administration... 3 Schritt 2: Newsletter Verwaltung... 3 Schritt 3: Schaltflächen... 3 Schritt 3.1: Abonnenten Verwaltung...
Kommunikations-Management
Tutorial: Wie kann ich E-Mails schreiben? Im vorliegenden Tutorial lernen Sie, wie Sie in myfactory E-Mails schreiben können. In myfactory können Sie jederzeit schnell und einfach E-Mails verfassen egal
Erzherzog Johann Jahr 2009
Erzherzog Johann Jahr 2009 Der Erzherzog Johann Tag an der FH JOANNEUM in Kapfenberg Was wird zur Erstellung einer Webseite benötigt? Um eine Webseite zu erstellen, sind die folgenden Dinge nötig: 1. Ein
Kostenstellen verwalten. Tipps & Tricks
Tipps & Tricks INHALT SEITE 1.1 Kostenstellen erstellen 3 13 1.3 Zugriffsberechtigungen überprüfen 30 2 1.1 Kostenstellen erstellen Mein Profil 3 1.1 Kostenstellen erstellen Kostenstelle(n) verwalten 4
Suche schlecht beschriftete Bilder mit Eigenen Abfragen
Suche schlecht beschriftete Bilder mit Eigenen Abfragen Ist die Bilderdatenbank über einen längeren Zeitraum in Benutzung, so steigt die Wahrscheinlichkeit für schlecht beschriftete Bilder 1. Insbesondere
In diesem Tutorial lernen Sie, wie Sie einen Termin erfassen und verschiedene Einstellungen zu einem Termin vornehmen können.
Tutorial: Wie erfasse ich einen Termin? In diesem Tutorial lernen Sie, wie Sie einen Termin erfassen und verschiedene Einstellungen zu einem Termin vornehmen können. Neben den allgemeinen Angaben zu einem
12. Dokumente Speichern und Drucken
12. Dokumente Speichern und Drucken 12.1 Überblick Wie oft sollte man sein Dokument speichern? Nachdem Sie ein Word Dokument erstellt oder bearbeitet haben, sollten Sie es immer speichern. Sie sollten
Schritt 1 Einrichten Ihrer Domäne mit Exchange Online, Lync Online oder beiden Diensten
Schritt 1 Einrichten Ihrer Domäne mit Exchange Online, Lync Online oder beiden Diensten Bevor Sie Ihre Domäne für die Verwendung mit Ihrer öffentlichen SharePoint Online-Website einrichten, müssen Sie
S TAND N OVEMBE R 2012 HANDBUCH DUDLE.ELK-WUE.DE T E R M I N A B S P R A C H E N I N D E R L A N D E S K I R C H E
S TAND N OVEMBE R 2012 HANDBUCH T E R M I N A B S P R A C H E N I N D E R L A N D E S K I R C H E Herausgeber Referat Informationstechnologie in der Landeskirche und im Oberkirchenrat Evangelischer Oberkirchenrat
Kleines Handbuch zur Fotogalerie der Pixel AG
1 1. Anmelden an der Galerie Um mit der Galerie arbeiten zu können muss man sich zuerst anmelden. Aufrufen der Galerie entweder über die Homepage (www.pixel-ag-bottwartal.de) oder über den direkten Link
Update auf Windows 8.1 Schrittweise Anleitung
Update auf Windows 8.1 Schrittweise Anleitung Windows 8.1 Installation und Aktualisierung BIOS, Anwendungen, Treiber aktualisieren und Windows Update ausführen Installationstyp auswählen Windows 8.1 installieren
Barrierefreie Webseiten erstellen mit TYPO3
Barrierefreie Webseiten erstellen mit TYPO3 Alternativtexte Für jedes Nicht-Text-Element ist ein äquivalenter Text bereitzustellen. Dies gilt insbesondere für Bilder. In der Liste der HTML 4-Attribute
Wie lege ich eine neue Standardseite an?
Online-Tutorials Referat VI.5 Internetdienste Wie lege ich eine neue Standardseite an? Legen Sie einen neuen Ordner an Klicken Sie den Ordner an, unter dem Sie die neue Standardseite anlegen möchten. Legen
Typo3 - Inhalte. 1. Gestaltung des Inhaltsbereichs. 2. Seitenunterteilung einfügen
Typo3 - Inhalte 1. Gestaltung des Inhaltsbereichs Das Layout der neuen TVA Website sieht neben dem grafischen Rahmen und den Navigations-Elementen oben und links einen grossen Inhaltsbereich (graue Fläche)
Einrichtung des Cisco VPN Clients (IPSEC) in Windows7
Einrichtung des Cisco VPN Clients (IPSEC) in Windows7 Diese Verbindung muss einmalig eingerichtet werden und wird benötigt, um den Zugriff vom privaten Rechner oder der Workstation im Home Office über
Anleitung zur Erstellung einer Batchdatei. - für das automatisierte Verbinden mit Netzlaufwerken beim Systemstart -
Anleitung zur Erstellung einer Batchdatei - für das automatisierte Verbinden mit Netzlaufwerken beim Systemstart - Mögliche Anwendungen für Batchdateien: - Mit jedem Systemstart vordefinierte Netzlaufwerke
OP-LOG www.op-log.de
Verwendung von Microsoft SQL Server, Seite 1/18 OP-LOG www.op-log.de Anleitung: Verwendung von Microsoft SQL Server 2005 Stand Mai 2010 1 Ich-lese-keine-Anleitungen 'Verwendung von Microsoft SQL Server
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
Content Management System (CMS) Manual
Content Management System (CMS) Manual Thema Seite Aufrufen des Content Management Systems (CMS) 2 Funktionen des CMS 3 Die Seitenverwaltung 4 Seite ändern/ Seite löschen Seiten hinzufügen 5 Seiten-Editor
«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
TeamSpeak3 Einrichten
TeamSpeak3 Einrichten Version 1.0.3 24. April 2012 StreamPlus UG Es ist untersagt dieses Dokument ohne eine schriftliche Genehmigung der StreamPlus UG vollständig oder auszugsweise zu reproduzieren, vervielfältigen
O UTLOOK EDITION. Was ist die Outlook Edition? Installieren der Outlook Edition. Siehe auch:
O UTLOOK EDITION Was ist die Outlook Edition? Outlook Edition integriert Microsoft Outlook E-Mail in Salesforce. Die Outlook Edition fügt neue Schaltflächen und Optionen zur Outlook- Benutzeroberfläche
WEBSEITEN ENTWICKELN MIT ASP.NET
jamal BAYDAOUI WEBSEITEN ENTWICKELN MIT ASP.NET EINE EINFÜHRUNG MIT UMFANGREICHEM BEISPIELPROJEKT ALLE CODES IN VISUAL BASIC UND C# 3.2 Installation 11 Bild 3.2 Der Webplattform-Installer Bild 3.3 IDE-Startbildschirm
So die eigene WEB-Seite von Pinterest verifizieren lassen!
So die eigene WEB-Seite von Pinterest verifizieren lassen! Quelle: www.rohinie.eu Die eigene Seite auf Pinterest verifizieren Es ist offiziell. Vielleicht haben auch Sie in den vergangenen Wochen die Informationen
Die Formatierungsregeln (die so genannte Wiki-Syntax) für Texte in DokuWiki sind zu großen Teilen die selben, wie in anderen Wiki-Systemen.
DokuWiki Kurzanleitung DokuWiki ein sehr einfach zu installierendes und anzuwendendes Wiki und bietet einige Funktionen, welche das Erstellen von Hypertexten, Dokumentationen und Präsentation von Projekten
ESB - Elektronischer Service Bericht
Desk Software & Consulting GmbH ESB - Elektronischer Service Bericht Dokumentation des elektronischen Serviceberichts Matthias Hoffmann 25.04.2012 DESK Software und Consulting GmbH Im Heerfeld 2-4 35713
Delegieren von Terminen, Jobs oder Notizen aus dem Kalenderlayout auf Seite 111
Delegieren von Terminen, Jobs oder Notizen aus dem Kalenderlayout auf Seite 111 Delegieren von Terminen, Jobs oder Notizen aus dem Hauptfenster 1 Klicken Sie in der Nachrichtenliste auf einen Job, eine
Erstellen einer E-Mail in OWA (Outlook Web App)
Erstellen einer E-Mail in OWA (Outlook Web App) Partner: 2/12 Versionshistorie: Datum Version Name Status 13.09.2011 1.1 J. Bodeit Punkte 7 hinzugefügt, alle Mailempfänger unkenntlich gemacht 09.09.2011
Handbuch ZfEditor Stand 24.08.2012
Handbuch ZfEditor Stand 24.08.2012 Inhaltsverzeichnis Einführung... 1 Ansprechpartner... 1 Installation und Update... 1 Installation... 1 Update... 2 Bedienung des ZfEditors... 2 Aufruf... 2 Auswahl Gemeinde,